
/**@import url(https://fonts.cat.net/css?family=Ubuntu+Mono|Roboto:400,100,300,500,700,300italic|Roboto+Condensed:300,400,700|Roboto+Slab:400,700&subset=latin,latin-ext);**/
/************************************/
/************* CALENDAR *************/
/************************************/
.cal-options { padding: 25px; position: relative; }

.cal-options .date-info { position: relative; top: 0; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.cal-options .date-info.out { top: -200px; }

.cal-options .date-info h2 { margin-bottom: 0; margin-top: 0; }

.cal-options .date-info h2 i { font-size: 32px; cursor: pointer; opacity: .5; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.cal-options .date-info h2 i#cal-prev { padding: 0 11px 0 9px; }

.cal-options .date-info h2 i#cal-next { padding: 0 9px 0 11px; }

.cal-options .date-info h2 i:hover { opacity: 1; }

.cal-options .date-info h3 { margin-top: 0; }

.cal-options #event-delete { margin-top: -100px; margin-bottom: 50px; text-align: center; }

.cal-options #event-delete i { background-color: rgba(0, 0, 0, 0.15); padding: 15px; border-radius: 50%; width: 90px; opacity: 0; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.cal-options #event-delete.in i { opacity: .8; }

.cal-options #event-delete.in.active i { opacity: 1; background-color: rgba(0, 0, 0, 0.25); }

.cal-options .events-wrapper { margin-top: 40px; }

.cal-options .events-wrapper h4 { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 5px; }

.cal-options .events-wrapper h4 .new-event { color: white; opacity: .5; }

.cal-options .events-wrapper h4 .new-event:hover { opacity: 1; }

.cal-options .events-wrapper .external-event { padding: 5px 10px; background-color: white; margin: 5px 0; color: #717171; font-size: 12px; font-weight: 300; opacity: .8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border-left: 10px solid #717171; cursor: move; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.cal-options .events-wrapper .external-event:hover { opacity: 1; }

.cal-options .events-wrapper .external-event[data-color="primary"] { border-left: 10px solid #428bca; }

.cal-options .events-wrapper .external-event[data-color="success"] { border-left: 10px solid #5cb85c; }

.cal-options .events-wrapper .external-event[data-color="info"] { border-left: 10px solid #5bc0de; }

.cal-options .events-wrapper .external-event[data-color="warning"] { border-left: 10px solid #f0ad4e; }

.cal-options .events-wrapper .external-event[data-color="danger"] { border-left: 10px solid #d9534f; }

.cal-options .events-wrapper .external-event[data-color="red"] { border-left: 10px solid #ff4a43; }

.cal-options .events-wrapper .external-event[data-color="cyan"] { border-left: 10px solid #22beef; }

.cal-options .events-wrapper .external-event[data-color="green"] { border-left: 10px solid #a2d200; }

.cal-options .events-wrapper .external-event[data-color="orange"] { border-left: 10px solid #ffc100; }

.cal-options .events-wrapper .external-event[data-color="amethyst"] { border-left: 10px solid #cd97eb; }

.cal-options .events-wrapper .external-event[data-color="greensea"] { border-left: 10px solid #16a085; }

.cal-options .events-wrapper .external-event[data-color="hotpink"] { border-left: 10px solid #FF0066; }

.cal-options .events-wrapper .external-event[data-color="drank"] { border-left: 10px solid #A40778; }

.cal-options .events-wrapper .external-event[data-color="dutch"] { border-left: 10px solid #1693A5; }

.cal-options .events-wrapper .external-event[data-color="blue"] { border-left: 10px solid #418bca; }

.cal-options .events-wrapper .external-event[data-color="redbrown"] { border-left: 10px solid #d9544f; }

.cal-options .events-wrapper .external-event[data-color="slategray"] { border-left: 10px solid #3f4e62; }

.cal-options .events-wrapper .checkbox { margin-top: 15px !important; padding-left: 0; }

.fc .fc-view-container .fc-event { padding: 3px 5px; font-weight: 300; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.fc .fc-view-container .fc-view.fc-basic-view table > thead > tr > th.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda-view table > thead > tr > th.fc-widget-header { border: 0; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; background-color: #f2f2f2; padding: 15px; text-transform: uppercase; color: #717171; font-size: 12px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

.fc .fc-view-container .fc-view.fc-basic-view table > thead > tr > th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda-view table > thead > tr > th.fc-agenda-gutter { padding: 0; }

.fc .fc-view-container .fc-view.fc-basic-view table > tbody > tr > td.fc-widget-content .fc-day-number, .fc .fc-view-container .fc-view.fc-agenda-view table > tbody > tr > td.fc-widget-content .fc-day-number { padding: 5px 10px; margin: 5px; color: #717171; font-weight: 300; font-size: 12px; }

.fc .fc-view-container .fc-view.fc-basic-view table > tbody > tr > td:first-child.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda-view table > tbody > tr > td:first-child.fc-widget-content { border-left: 1px solid #e2e2e2; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-widget-content .fc-axis, .fc .fc-view-container .fc-view.fc-agenda-view .fc-widget-content .fc-gutter { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background-color: #f2f2f2; color: #717171; font-size: 11px; font-weight: 300; }

.fc .fc-view-container .fc-view.fc-agenda-view > table > tbody > tr > td.fc-state-highlight { background: #f2f2f2; }

.fc .fc-view-container .fc-view.fc-agenda-view > table > tbody > tr > td.fc-sat { border-right: 0; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-slots tr { line-height: 35px; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-slots tr th { border: 0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background-color: #f2f2f2; color: #717171; font-size: 12px; font-weight: 300; padding-top: 10px; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-slots tr td.fc-widget-content { border-bottom: 1px solid #e2e2e2; line-height: 50px; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-slots tr td.fc-widget-content:last-child { border-right: 0; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-slots tr.fc-minor td.fc-widget-content { border-bottom: 1px solid #e2e2e2; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-divider { border: 1px solid #e2e2e2; }

.fc .fc-view-container .fc-view.fc-agenda-view .fc-agenda-divider .fc-agenda-divider-inner { background-color: #f2f2f2; height: 3px; }

/*********************************/
/************* CHAT **************/
/*********************************/
.chat .tile { margin-bottom: 0 !important; }

ul.chat-nav > li { padding: 0; }

ul.chat-nav.main-nav > li h3 { line-height: 28px !important; }

ul.chat-nav.main-nav > li h3 .badge { position: relative; top: -2px; }

ul.chat-nav.main-nav > li.pull-right { line-height: 28px; }

ul.chat-nav.side-nav > li { position: relative; }

ul.chat-nav.side-nav > li h3 { line-height: 28px !important; }

ul.chat-nav.side-nav > li .dropdown-toggle { border-right: 0; }

ul.chat-nav.side-nav > li .form-control { position: absolute; z-index: 9; left: -22px; min-height: 22px !important; height: 22px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; display: none; color: #717171; font-size: 11px; }

ul.chat-nav.side-nav > li .form-control::-webkit-input-placeholder { color: #717171; }

ul.chat-nav.side-nav > li .form-control:-moz-placeholder { color: #717171; }

ul.chat-nav.side-nav > li .form-control::-moz-placeholder { color: #717171; }

ul.chat-nav.side-nav > li .form-control:-ms-input-placeholder { color: #717171; }

ul.chat-nav.side-nav > li .form-control.active { display: inline-block; }

ul.chat-nav.side-nav > li .form-control:focus { background-color: white; }

.chat-inbox { padding: 0; list-style: none; }

.chat-inbox > li { padding: 5px 15px; }

.chat-inbox > li:first-child { padding: 15px; }

.chat-inbox > li:last-child { padding-bottom: 15px; }

.chat-inbox > li > a { display: block; padding: 10px 15px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.chat-inbox > li > a:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.05); }

.chat-inbox > li > a:hover .media .media-body .chat-actions { display: block; }

.chat-inbox > li > a .media { position: relative; }

.chat-inbox > li > a .media .media-object { width: 50px; height: 50px; filter: alpha(opacity=40); opacity: 0.4; }

.chat-inbox > li > a .media .badge { font-size: 9px; padding: 2px 4px; position: absolute; top: 0; left: 35px; }

.chat-inbox > li > a .media .media-body .message { font-size: 11px; color: rgba(255, 255, 255, 0.8); margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 85%; }

.chat-inbox > li > a .media .media-body .chat-actions { position: absolute; right: 0; bottom: 8px; font-size: 11px; display: none; }

.chat-inbox > li > a .media .media-body .chat-actions > span { margin-left: 4px; color: rgba(255, 255, 255, 0.4); cursor: pointer; }

.chat-inbox > li > a .media .media-body .chat-actions > span.archive:hover { color: #ff4a43; }

.chat-inbox > li > a .media .media-body .chat-actions > span.mark-unread:hover { color: #16a085; }

.chat-inbox > li > a .media .media-body .chat-actions > span.mark-unread:hover i:before { content: "\f111"; }

.chat-inbox > li > a .media .media-body .media-heading { font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 0; position: relative; padding-top: 7px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.chat-inbox > li > a .media .media-body .media-heading .time { float: right; font-size: 11px; font-weight: 300; color: rgba(255, 255, 255, 0.8); }

.chat-inbox > li > a.unread .media .media-object, .chat-inbox > li > a.active .media .media-object { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }

.chat-inbox > li > a.unread .media .media-heading, .chat-inbox > li > a.active .media .media-heading { color: white; font-weight: 700; }

.chat-inbox > li > a.unread { background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.chat-inbox > li > a.unread:hover { background-color: rgba(0, 0, 0, 0.25); }

.chat-inbox > li > a.active { cursor: default; background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.chat-content { padding: 20px 0; }

.chat-content .chat-list { list-style-type: none; margin: 0; padding: 0; color: rgba(255, 255, 255, 0.7); }

.chat-content .chat-list > li { position: relative; padding: 10px 0; }

.chat-content .chat-list > li.conversation-divider { font-size: 11px; color: rgba(255, 255, 255, 0.7); text-align: center; }

.chat-content .chat-list > li.conversation-divider span { display: inline-block; position: relative; background-color: rgba(0, 0, 0, 0.15); padding: 3px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.chat-content .chat-list > li.message .media .user-avatar { position: relative; }

.chat-content .chat-list > li.message .media .user-avatar .media-object { width: 64px; height: 64px; }

.chat-content .chat-list > li.message .media .user-avatar:after { border-bottom: 10px solid transparent; border-top: 10px solid transparent; content: ""; height: 0; position: absolute; top: 10px; width: 0; z-index: 1; }

.chat-content .chat-list > li.message .media .media-body { background: rgba(255, 255, 255, 0.15); padding: 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 3px; font-size: 12px; font-weight: 300; line-height: 20px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.chat-content .chat-list > li.message .media .media-body .media-heading > a { font-weight: 700; font-size: 12px; color: white; }

.chat-content .chat-list > li.message .media .media-body .media-heading > a:hover { text-decoration: underline; }

.chat-content .chat-list > li.message .media .media-body .media-heading .time { float: right; font-size: 11px; color: rgba(255, 255, 255, 0.5); font-weight: 300; }

.chat-content .chat-list > li.message.receive .media .media-body { border: 1px solid rgba(255, 255, 255, 0.1); }

.chat-content .chat-list > li.message.receive .media .user-avatar { margin-right: 15px; }

.chat-content .chat-list > li.message.receive .media .user-avatar:after { border-right: 10px solid; border-right-color: rgba(255, 255, 255, 0.15); right: -15px; }

.chat-content .chat-list > li.message.sent .media .user-avatar { float: right !important; margin-right: 0; margin-left: 15px; }

.chat-content .chat-list > li.message.sent .media .user-avatar:after { border-left: 10px solid; border-left-color: rgba(0, 0, 0, 0.15); left: -15px; }

.chat-content .chat-list > li.message.sent .media .media-body { background-color: rgba(0, 0, 0, 0.15); text-align: right; }

.chat-content .chat-list > li.message.sent .media .media-body .time { float: left; }

.chat-reply { height: 200px; }

.chat-reply textarea { width: 100%; height: 142px !important; resize: none; border: 0 !important; background-color: rgba(0, 0, 0, 0.3) !important; -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; color: white !important; }

.chat-reply textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7) !important; }

.chat-reply textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.7) !important; }

.chat-reply textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.7) !important; }

.chat-reply textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7) !important; }

.chat-reply textarea:focus { background-color: rgba(0, 0, 0, 0.5) !important; }

.chat-reply .btn-group { width: 100%; background: rgba(255, 255, 255, 0.15) !important; padding: 15px; -webkit-border-radius: 0 0 4px 4px !important; -moz-border-radius: 0 0 4px 4px !important; -ms-border-radius: 0 0 4px 4px !important; -o-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; }

.chat-reply .btn-group button.last-in-group, .chat-reply .btn-group .btn.last-in-group { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }

.chat-reply .btn-group button.last, .chat-reply .btn-group .btn.last { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; margin-left: 5px; }

.chat-reply .btn-group div.checkbox { margin: 0 !important; margin-top: 4px !important; margin-right: 10px !important; position: absolute; top: -35px; right: 0; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.chat-reply .btn-group div.checkbox:hover { filter: alpha(opacity=100); opacity: 1; }

/***********************************/
/************* COLORS **************/
/***********************************/
/* backgrounds */
.bg-transparent-black-05 { background-color: rgba(0, 0, 0, 0.05) !important; color: white; }

.bg-transparent-black-1 { background-color: rgba(0, 0, 0, 0.1) !important; color: white; }

.bg-transparent-black-15 { background-color: rgba(0, 0, 0, 0.15) !important; color: white; }

.bg-transparent-black-2 { background-color: rgba(0, 0, 0, 0.2) !important; color: white; }

.bg-transparent-black-3 { background-color: rgba(0, 0, 0, 0.3) !important; color: white; }

.bg-transparent-black-4 { background-color: rgba(0, 0, 0, 0.4) !important; color: white; }

.bg-transparent-black-5 { background-color: rgba(0, 0, 0, 0.5) !important; color: white; }

.bg-transparent-black-6 { background-color: rgba(0, 0, 0, 0.6) !important; color: white; }

.bg-transparent-black-7 { background-color: rgba(0, 0, 0, 0.7) !important; color: white; }

.bg-transparent-black-8 { background-color: rgba(0, 0, 0, 0.8) !important; color: white; }

.bg-transparent-white-05 { background-color: rgba(255, 255, 255, 0.05) !important; color: white; }

.bg-transparent-white-1 { background-color: rgba(255, 255, 255, 0.1) !important; color: white; }

.bg-transparent-white-15 { background-color: rgba(255, 255, 255, 0.15) !important; color: white; }

.bg-transparent-white-2 { background-color: rgba(255, 255, 255, 0.2) !important; color: white; }

.bg-transparent-white-3 { background-color: rgba(255, 255, 255, 0.3) !important; color: white; }

.bg-transparent-white-4 { background-color: rgba(255, 255, 255, 0.4) !important; }

.bg-transparent-white-5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.bg-transparent-white-6 { background-color: rgba(255, 255, 255, 0.6) !important; }

.bg-transparent-white-7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.bg-transparent-white-8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.bg-red { background-color: #ff4a43 !important; }

.bg-green { background-color: #a2d200 !important; }

.bg-cyan { background-color: #22beef !important; }

.bg-orange { background-color: #ffc100 !important; }

.bg-amethyst { background-color: #cd97eb !important; }

.bg-greensea { background-color: #16a085 !important; }

.bg-drank { background-color: #A40778 !important; }

.bg-dutch { background-color: #1693A5 !important; }

.bg-hotpink { background-color: #FF0066 !important; }

.bg-blue { background-color: #418bca !important; }

.bg-slategray { background-color: #3f4e62 !important; }

.bg-redbrown { background-color: #d9544f !important; }

/* colors */
.color-red { color: #ff4a43 !important; }

.color-green { color: #a2d200 !important; }

.color-cyan { color: #22beef !important; }

.color-orange { color: #ffc100 !important; }

.color-amethyst { color: #cd97eb !important; }

.color-greensea { color: #16a085 !important; }

.color-drank { color: #A40778 !important; }

.color-dutch { color: #1693A5 !important; }

.color-hotpink { color: #FF0066 !important; }

.color-blue { color: #418bca !important; }

.color-slategray { color: #3f4e62 !important; }

.color-redbrown { color: #d9544f !important; }

.color-transparent-black { color: rgba(0, 0, 0, 0.4) !important; }

/**************************************/
/************* DATATABLES *************/
/**************************************/
.dataTables_wrapper { font-size: 11px; position: relative; }

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr th:before, .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr th:after, .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr td:before, .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr td:after { content: "" !important; display: none; }

.dataTables_wrapper .chosen-container { width: auto !important; }

.dataTables_wrapper .row { margin: 0; padding: 10px 0; }

.dataTables_wrapper label { margin: 0; }

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { color: #999; }

.dataTables_wrapper .delete-row, .dataTables_wrapper .add-row { position: absolute; top: 20px; left: 43%; -webkit-transition: none; -moz-transition: none; transition: none; }

.dataTables_wrapper .delete-row { display: none; }

.dataTables_wrapper .DTTT_container { float: left; margin: 0; }

.dataTables_wrapper .ColVis { float: none; display: inline-block; vertical-align: middle; margin: 0 5px; }

.dataTables_wrapper .ColVis .ColVis_Button { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #717171; padding: 0 10px; height: 31px; line-height: 31px; }

.dataTables_wrapper .ColVis .ColVis_Button i { font-size: 14px; }

.dataTables_wrapper .ColVis .ColVis_Button:hover { background-color: #ebebeb; border-color: #adadad; }

.dataTables_wrapper .ColVis .ColVis_Button:focus { outline: 0; background-color: #ebebeb; border-color: #adadad; }

.dataTables_wrapper .dataTables_length select + .chosen-container.chosen-container-single .chosen-single { background: #fff; }

.dataTables_wrapper .dataTables_length select + .chosen-container.chosen-container-single .chosen-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; margin-top: -4px; }

.dataTables_wrapper div.dataTables_filter label { vertical-align: middle; line-height: 33px; }

.dataTables_wrapper div.dataTables_filter input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px !important; color: rgba(0, 0, 0, 0.6) !important; background: none !important; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; -webkit-appearance: none !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; min-height: 28px; padding: 0 !important; line-height: 32px !important; }

.dataTables_wrapper div.dataTables_filter input:focus { outline: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.dataTables_wrapper div.dataTables_filter input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.dataTables_wrapper div.dataTables_filter input:-moz-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.dataTables_wrapper div.dataTables_filter input::-moz-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.dataTables_wrapper div.dataTables_filter input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting_asc, .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc, .dataTables_wrapper .table-datatable > thead > tr th.sorting, .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc, .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc, .dataTables_wrapper .table-datatable > thead > tr td.sorting { position: relative; background: none; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr th.sorting:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting:before { font-family: "FontAwesome"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px !important; float: right; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting:before { content: "\f0dc"; margin-top: 6px !important; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting:hover, .dataTables_wrapper .table-datatable > thead > tr td.sorting:hover { color: #717171; background-color: transparent; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting:hover:after, .dataTables_wrapper .table-datatable > thead > tr td.sorting:hover:after { background-color: rgba(113, 113, 113, 0.75); }

.dataTables_wrapper .table-datatable > thead > tr th.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc:before { content: "\f0dd"; margin-top: 3px; }

.dataTables_wrapper .table-datatable > thead > tr th.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc:before { content: "\f0de"; margin-top: 9px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-alpha.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-alpha.sorting_asc:before { content: "\f15d"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-alpha.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-alpha.sorting_desc:before { content: "\f15e"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-amount.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-amount.sorting_asc:before { content: "\f160"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-amount.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-amount.sorting_desc:before { content: "\f161"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-numeric.sorting_asc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-numeric.sorting_asc:before { content: "\f162"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.sort-numeric.sorting_desc:before, .dataTables_wrapper .table-datatable > thead > tr td.sort-numeric.sorting_desc:before { content: "\f163"; margin-top: 6px; }

.dataTables_wrapper .table-datatable > thead > tr th.no-sort, .dataTables_wrapper .table-datatable > thead > tr th.sorting_disabled, .dataTables_wrapper .table-datatable > thead > tr td.no-sort, .dataTables_wrapper .table-datatable > thead > tr td.sorting_disabled { cursor: default; }

.dataTables_wrapper .table-datatable > tbody > tr > td.details, .dataTables_wrapper .table-datatable > tbody > tr > th.details { background-color: rgba(0, 0, 0, 0.05); }

.dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td, .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td { padding: 5px; }

.dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td:first-child, .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td:first-child { font-family: "Roboto Slab", serif; font-size: 12px; font-weight: 700; line-height: 16px; color: #717171; }

.dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td:last-child, .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td:last-child { line-height: 16px; font-size: 12px; padding: 0 5px; }

.dataTables_wrapper .table-datatable > tbody > tr.row_selected > td, .dataTables_wrapper .table-datatable > tbody > tr.row_selected > th, .dataTables_wrapper .table-datatable > tbody > tr.drilled > td, .dataTables_wrapper .table-datatable > tbody > tr.drilled > th { background-color: rgba(0, 0, 0, 0.05); }

.dataTables_wrapper .dataTables_paginate { float: none; }

.dataTables_wrapper .dataTables_paginate.paging_custombootstrap ul > li > a { padding: 3px 7px; font-size: 11px; line-height: 15px; }

.DTTT_print_info { overflow: hidden; opacity: 1; background: white; border: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; top: 70px; z-index: 999999; color: #717171; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.ColVis_collection { min-width: 130px; padding: 3px; background-color: #f2f2f2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; z-index: 999999; }

.ColVis_collection > li { margin-bottom: 3px; }

.ColVis_collection > li:last-child { margin-bottom: 0; }

.ColVis_collection > li > label { width: 100%; text-align: left; padding: 2px 3px; }

.ColVis_collection > li > label span { font-size: 11px; margin-left: 5px; color: #717171; }

.ColVis_collection > li > label input:checked + span { color: #212121; }

.ColVis_catcher { cursor: pointer; }

.ColVis_collectionBackground { position: fixed; width: 100%; height: 100%; }

/*********************************************/
/************* LOGIN & LOCK PAGE *************/
/*********************************************/
#content.full-page { position: fixed; width: 100%; height: 100%; padding: 0 0 45px 0 !important; top: -45px; background: url(../images/noise.png) left top repeat, url(../images/dot_pattern.png) left top repeat, url(../images/backgrounds/1.jpg) left top/cover no-repeat; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#content.full-page .inside-block { display: block; margin: 0 auto; text-align: center; width: 360px; background-color: rgba(0, 0, 0, 0.3); height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 50px; color: white; overflow: auto; }

#content.full-page .inside-block img { margin-top: 50px; }

#content.full-page .inside-block .user-photo img { margin: 0 0 20px 0; width: 100px; border: 5px solid rgba(0, 0, 0, 0.2); }

#content.full-page .inside-block h1 { text-transform: uppercase; font-size: 26px; margin-bottom: 5px; }

#content.full-page .inside-block h1 strong { position: relative; display: inline-block; }

#content.full-page .inside-block h1 strong:before { content: ""; position: absolute; display: block; width: 40px; height: 5px; background-color: #1ccdaa; top: -5px; left: 0; }

#content.full-page .inside-block span.overline { position: relative; }

#content.full-page .inside-block span.overline:before { content: ""; position: absolute; display: block; width: 40px; height: 5px; background-color: #1ccdaa; top: -5px; left: 0; }

#content.full-page .inside-block h5 { font-family: "Roboto Condensed", sans-serif; font-weight: 300; margin: 0; font-size: 12px; margin-bottom: 5px; }

#content.full-page .inside-block form { margin-top: 50px; margin-bottom: 40px; }

#content.full-page .inside-block form.form-unlock { margin-top: 20px; }

#content.full-page .inside-block form .input-group { margin-bottom: 10px; }

#content.full-page .inside-block form .input-group .input-group-addon { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0 !important; -moz-border-radius: 0 4px 4px 0 !important; -ms-border-radius: 0 4px 4px 0 !important; -o-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; }

#content.full-page .inside-block form .input-group .input-group-addon i { width: 18px; color: rgba(255, 255, 255, 0.6); }

#content.full-page .inside-block form .input-group .input-group-addon i:after { content: ""; height: 50%; margin-left: -25px; position: absolute; top: 25%; }

#content.full-page .inside-block form .input-group input { background-color: rgba(0, 0, 0, 0.2) !important; border: 0 !important; -webkit-border-radius: 4px 0 0 4px !important; -moz-border-radius: 4px 0 0 4px !important; -ms-border-radius: 4px 0 0 4px !important; -o-border-radius: 4px 0 0 4px !important; border-radius: 4px 0 0 4px !important; color: white !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

#content.full-page .inside-block form .input-group input:focus, #content.full-page .inside-block form .input-group input:focus + .input-group-addon { background-color: rgba(0, 0, 0, 0.3) !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

#content.full-page .inside-block form .input-group input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#content.full-page .inside-block form .input-group input:-moz-placeholder { color: rgba(255, 255, 255, 0.6); }

#content.full-page .inside-block form .input-group input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); }

#content.full-page .inside-block form .input-group input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#content.full-page .inside-block form section.controls { text-align: left; position: relative; }

#content.full-page .inside-block form section.controls .checkbox { padding: 0; display: inline-block; margin: 0 !important; }

#content.full-page .inside-block form section.controls a { font-size: 12px; margin-top: 5px; display: inline-block; position: absolute; right: 0; top: 0; }

#content.full-page .inside-block form section.controls a:hover { color: white; text-decoration: none; }

#content.full-page .inside-block form section.log-in { margin-top: 20px; border-top: 5px dashed rgba(0, 0, 0, 0.1); }

#content.full-page .inside-block form section.log-in .btn { display: inline-block; margin-top: 20px; }

#content.full-page .inside-block form section.log-in span { display: inline-block; vertical-align: bottom; line-height: 36px; margin: 0 10px; font-style: italic; font-family: Georgia, serif; }

/****************************************/
/************* WEATHER PAGE *************/
/****************************************/
#content.full-page.weather .owl-carousel { height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 45px; }

#content.full-page.weather .owl-carousel .owl-wrapper-outer { height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 45px; }

#content.full-page.weather .owl-carousel .owl-wrapper-outer .owl-wrapper { height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 45px; }

#content.full-page.weather .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item { height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 45px; overflow: hidden; }

#content.full-page.weather .owl-carousel .owl-controls { text-align: right; }

#content.full-page.weather .owl-carousel .owl-controls .owl-pagination { top: 55px; left: auto; right: 380px; }

#content.full-page.weather .owl-carousel .owl-controls .owl-buttons { top: 40%; }

#content.full-page.weather .owl-carousel .owl-controls .owl-buttons i { font-size: 120px; }

#content.full-page.weather .owl-carousel .owl-controls .owl-buttons .owl-next { right: 380px; }

#content.full-page.weather .owl-carousel .slide { position: relative; }

#content.full-page.weather .owl-carousel .slide .cover .pattern { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/dot_pattern.png); z-index: 9; }

#content.full-page.weather .owl-carousel .slide .cover img { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; }

#content.full-page.weather .owl-carousel .slide .cover img.bgwidth { width: 100%; }

#content.full-page.weather .owl-carousel .slide .cover img.bgheight { height: 100%; width: auto; }

#content.full-page.weather .owl-carousel .slide .inside-block { position: fixed; right: 0; top: 45px; z-index: 999; width: 360px; background-color: rgba(0, 0, 0, 0.5); padding: 30px; padding-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 15px 0; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row h1 { font-size: 74px; margin: 0; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row h4 { font-family: "Roboto", "Arial", sans-serif; font-size: 16px; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row:first-child h4.this-day { margin-left: -24px; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row:not(:first-child) h4 { line-height: 45px; font-size: 18px; margin: 0; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row:last-child { border: 0; }

#content.full-page.weather .owl-carousel .slide .inside-block > .row .temp { font-size: 32px; font-weight: 300; margin-left: 20px; display: inline-block; vertical-align: top; }

#content.full-page.weather .owl-carousel .slide .location { position: absolute; z-index: 999; top: 70px; left: 50px; color: white; }

#content.full-page.weather .owl-carousel .slide .location h1, #content.full-page.weather .owl-carousel .slide .location h2, #content.full-page.weather .owl-carousel .slide .location h3 { font-family: "Roboto", "Arial", sans-serif; margin: 0; }

#content.full-page.weather .owl-carousel .slide .location h1 { font-family: "Roboto Slab", serif; font-size: 60px; font-weight: 700; }

#content.full-page.weather .owl-carousel .slide .location h2 { font-size: 30px; font-weight: 300; }

#content.full-page.weather .owl-carousel .slide .location h3 { font-weight: 300; font-size: 28px; margin-top: 20px; }

#content.full-page.weather .owl-carousel .slide .photo-author { position: absolute; z-index: 1000; bottom: 20px; top: 50px; right: 40px; color: rgba(255, 255, 255, 0.3); font-size: 12px; }

.animation-pulseSlow { -webkit-animation-name: pulseSlow; -moz-animation-name: pulseSlow; animation-name: pulseSlow; -webkit-animation-duration: 30s; -moz-animation-duration: 30s; animation-duration: 30s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; }

@-webkit-keyframes pulseSlow { 0% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); } }

@-moz-keyframes pulseSlow { 0% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); } }

@-o-keyframes pulseSlow { 0% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes pulseSlow { 0% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); } }

/**************************************/
/************* ERROR PAGE *************/
/**************************************/
#content.full-page.error .inside-block { width: 500px; position: relative; }

#content.full-page.error .inside-block h1.error { text-align: center; font-size: 60px; margin-top: 20px; margin-bottom: 30px; }

#content.full-page.error .inside-block h1.error strong:before { top: 2px; left: 0; width: 60px; }

#content.full-page.error .inside-block p { text-align: center; font-weight: 400; }

#content.full-page.error .inside-block p.lead { margin-bottom: 0; }

#content.full-page.error .inside-block .controls { text-align: center; margin-top: 40px; margin-bottom: 40px; }

#content.full-page.error .inside-block .controls .btn { margin-right: 10px; margin-bottom: 10px; }

#content.full-page.error .search { width: 200px; position: fixed; top: 20px; right: 20px; z-index: 99; }

#content.full-page.error .search input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px; color: white; background: none; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-appearance: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-font-smoothing: antialiased; padding: 0 !important; line-height: 18px; min-height: 26px; }

#content.full-page.error .search input:focus { outline: none; border-bottom: 1px solid white; -webkit-box-shadow: none !important; box-shadow: none !important; }

#content.full-page.error .search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }

#content.full-page.error .search input:-moz-placeholder { color: rgba(255, 255, 255, 0.7); }

#content.full-page.error .search input::-moz-placeholder { color: rgba(255, 255, 255, 0.7); }

#content.full-page.error .search input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }

/**********************************************/
/************* JQUERY FILE UPLOAD *************/
/**********************************************/
.fileupload-buttonbar { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; }

table tbody.files > tr > td { vertical-align: middle; }

table tbody.files > tr > td.upload { vertical-align: top; }

table tbody.files > tr > td.actions button { margin-right: 5px; }

table tbody.files > tr > td.actions button i { font-size: 14px; }

table tbody.files > tr > td.actions .checkbox { left: -28px; top: 2px; }

table tbody.files > tr > td.actions .checkbox label:after { width: 12px !important; }

table tbody.files > tr > td .preview { width: 50px; max-width: 50px; min-height: 50px; display: block; }

table tbody.files > tr > td .preview canvas, table tbody.files > tr > td .preview img { width: 50px; max-width: 50px; }

/***********************************/
/************* GALLERY *************/
/***********************************/
.img-view { overflow: hidden; position: relative; text-align: center; cursor: pointer; }

.img-view .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: rgba(34, 190, 239, 0.7); z-index: 99; }

.img-view .overlay .media-info { text-align: center; position: relative; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 999; }

.img-view .overlay .media-info .checkbox { float: left; margin: 0 !important; padding: 0; margin-top: -9px !important; position: absolute; }

.img-view .overlay .media-info .checkbox label:after { left: 1px; }

.img-view .overlay .media-info h2 { color: white; font-size: 16px; margin: 0; }

.img-view .overlay .media-info span { font-size: 11px; color: rgba(255, 255, 255, 0.5); font-style: italic; }

.img-view .overlay .media-info button { float: right; margin: 0; padding: 0; margin-top: -9px; position: absolute; right: 10px; padding: 1px 6px; }

.img-view .overlay .media-info .dropdown-menu { top: 15px; right: 33px; left: auto; text-align: left; min-width: 120px; }

.img-view .overlay .media-info .dropdown-menu > li > a { font-size: 11px; color: #717171; padding: 3px 10px; line-height: 20px; }

.img-view .overlay .media-info .dropdown-menu > li > a i { font-size: 14px; width: 15px; color: #a4a4a4; }

.img-view .overlay .media-info .dropdown-menu > li > a:hover { color: #418bca; }

.img-view .overlay .media-info .dropdown-menu > li > a:hover i { color: #418bca; }

.img-view .overlay p { font-family: Georgia, serif; font-size: 12px; font-style: italic; position: relative; color: rgba(255, 255, 255, 0.9); padding: 10px 20px 20px; text-align: center; max-width: 320px; margin: 10px auto 0 auto; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.img-view img { max-width: 100%; height: auto; vertical-align: middle; border: 0; display: block; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.img-view:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.img-view:hover .overlay { filter: alpha(opacity=100); opacity: 1; }

.img-view:hover .overlay .media-info, .img-view:hover .overlay p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); filter: alpha(opacity=100); opacity: 1; }

.img-view:hover .overlay p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }

.img-view.selected .overlay { filter: alpha(opacity=100); opacity: 1; }

.img-view.selected .media-info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); filter: alpha(opacity=100); opacity: 1; }

/* superbox */
.superbox .superbox-list { padding: 0; margin: 5px; }

.superbox .superbox-show { -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.3); width: calc(100% - 13px); margin: 0 5px; }

.superbox .superbox-show img { max-width: 100%; }

/* colorbox */
.colorbox .colorbox-list { padding: 0; margin: 5px; }

@media only screen and (min-width: 320px) { .superbox-list, .colorbox-list { width: 100%; } }

@media only screen and (min-width: 680px) { .superbox-list, .colorbox-list { width: 47.8%; } }

@media only screen and (min-width: 1128px) { .superbox-list, .colorbox-list { width: 31.8%; } }

@media only screen and (min-width: 1360px) { .superbox-list, .colorbox-list { width: 23.8%; } }

@media only screen and (min-width: 1600px) { .superbox-list, .colorbox-list { width: 19%; } }

@media only screen and (min-width: 1900px) { .superbox-list, .colorbox-list { width: 15.85%; } }

/********************************/
/************* MAIL *************/
/********************************/
.vertical-mail > .row, .horizontal-mail > .row { display: table; }

.vertical-mail > .row > div[class*='col-'], .horizontal-mail > .row > div[class*='col-'] { padding: 0; display: table-cell; float: none; vertical-align: top; }

.vertical-mail > .row > div[class*='col-']:first-child, .horizontal-mail > .row > div[class*='col-']:first-child { padding-left: 15px; }

.vertical-mail > .row > div[class*='col-']:last-child, .horizontal-mail > .row > div[class*='col-']:last-child { padding: 0 15px; }

.vertical-mail ul.navigation, .horizontal-mail ul.navigation { background-color: rgba(0, 0, 0, 0.3); list-style-type: none; color: white; height: 100%; overflow: auto; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); padding: 0 20px; border: 1px solid transparent; }

.vertical-mail ul.navigation > li.mark, .horizontal-mail ul.navigation > li.mark { text-align: center; font-size: 70px; background-color: transparent; padding: initial; }

.vertical-mail ul.navigation > li.compose, .horizontal-mail ul.navigation > li.compose { text-align: center; margin: 20px 0 30px 0; }

.vertical-mail ul.navigation > li.compose .btn, .horizontal-mail ul.navigation > li.compose .btn { color: white; font-size: 13px; padding: 10px 20px; text-transform: uppercase; font-weight: 700; }

.vertical-mail ul.navigation > li.heading h5, .horizontal-mail ul.navigation > li.heading h5 { text-transform: uppercase; font-weight: 700; font-size: 11px; -webkit-font-smoothing: antialiased; font-family: "Roboto Condensed", sans-serif; padding-bottom: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }

.vertical-mail ul.navigation > li.heading h5 a, .horizontal-mail ul.navigation > li.heading h5 a { color: rgba(255, 255, 255, 0.5); }

.vertical-mail ul.navigation > li.heading h5 a:hover, .horizontal-mail ul.navigation > li.heading h5 a:hover { color: white; }

.vertical-mail ul.navigation > li > ul, .horizontal-mail ul.navigation > li > ul { list-style-type: none; padding: 0; margin: 0 -20px; }

.vertical-mail ul.navigation > li > ul > li, .horizontal-mail ul.navigation > li > ul > li { text-align: right; }

.vertical-mail ul.navigation > li > ul > li a, .horizontal-mail ul.navigation > li > ul > li a { color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 36px; font-weight: 700; font-family: "Roboto Slab", serif; display: block; padding-right: 20px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.vertical-mail ul.navigation > li > ul > li a span.badge, .horizontal-mail ul.navigation > li > ul > li a span.badge { position: relative; top: -3px; margin-right: 5px; }

.vertical-mail ul.navigation > li > ul > li a:hover, .horizontal-mail ul.navigation > li > ul > li a:hover { color: white; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); }

.vertical-mail ul.navigation > li > ul > li.active a, .horizontal-mail ul.navigation > li > ul > li.active a { font-size: 22px; background-color: rgba(0, 0, 0, 0.2); color: white; }

.vertical-mail ul.navigation > li > ul > li.divider, .horizontal-mail ul.navigation > li > ul > li.divider { padding: 5px 0; background: none; }

.vertical-mail ul.navigation > li > ul > li.other a, .vertical-mail ul.navigation > li > ul > li.tag a, .horizontal-mail ul.navigation > li > ul > li.other a, .horizontal-mail ul.navigation > li > ul > li.tag a { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; line-height: 30px; font-weight: 400; position: relative; }

.vertical-mail ul.navigation > li > ul > li.other a:hover, .vertical-mail ul.navigation > li > ul > li.tag a:hover, .horizontal-mail ul.navigation > li > ul > li.other a:hover, .horizontal-mail ul.navigation > li > ul > li.tag a:hover { color: white; }

.vertical-mail ul.navigation > li > ul > li.tag a, .horizontal-mail ul.navigation > li > ul > li.tag a { font-size: 12px; padding-right: 33px; }

.vertical-mail ul.navigation > li > ul > li.tag a span.label, .horizontal-mail ul.navigation > li > ul > li.tag a span.label { position: absolute; right: 20px; display: inline-block; width: 5px; height: 15px; top: 50%; margin-top: -7px; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

ul.inbox { list-style-type: none; margin: 0; height: 100%; overflow: auto; background-color: rgba(255, 255, 255, 0.15); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.1); }

ul.inbox > li.heading h1 { text-align: center; color: white; }

ul.inbox > li.search { margin: 20px 0; text-align: center; }

ul.inbox > li.search i { line-height: 28px; margin-right: 5px; color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.search input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px; color: white; background: none; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-appearance: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-font-smoothing: antialiased; padding: 0 !important; line-height: 18px; min-height: 26px; }

ul.inbox > li.search input:focus { outline: none; border-bottom: 1px solid white; -webkit-box-shadow: none !important; box-shadow: none !important; }

ul.inbox > li.search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.search input:-moz-placeholder { color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.search input::-moz-placeholder { color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.search input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.pagination span { font-size: 11px; color: white; font-style: italic; margin-right: 5px; }

ul.inbox > li.pagination .btn { background-color: rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); }

ul.inbox > li.pagination .btn:hover { background-color: rgba(255, 255, 255, 0.3); color: white; }

ul.inbox > li.msg { padding: 10px 20px 10px 30px; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 5px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }

ul.inbox > li.msg .checkbox { margin: 0; padding: 0; height: 0; min-height: 0; position: absolute; left: 5px; top: -10px; }

ul.inbox > li.msg .mail-favourite { position: absolute; left: 8px; top: 32px; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05); }

ul.inbox > li.msg .mail-favourite.active i:before { content: "\f005"; }

ul.inbox > li.msg.last { margin-bottom: 0; }

ul.inbox > li.msg div { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05); }

ul.inbox > li.msg div h5 { color: white; margin: 0; }

ul.inbox > li.msg div p { padding-top: 10px; margin: 0; width: 220px; color: rgba(255, 255, 255, 0.8); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 16px; }

ul.inbox > li.msg div p strong { color: white; }

ul.inbox > li.msg div .delivery-time { color: rgba(255, 255, 255, 0.8); font-size: 11px; }

ul.inbox > li.msg div .mail-attachment { float: right; color: rgba(255, 255, 255, 0.8); }

ul.inbox > li.msg div .mail-label { width: 3px; height: 100%; position: absolute; right: 0; top: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

ul.inbox > li.msg div .mail-actions { position: absolute; top: 5px; right: 10px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

ul.inbox > li.msg div .mail-actions a { padding: 5px; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

ul.inbox > li.msg div .mail-actions a:hover { color: white; }

ul.inbox > li.msg div .mail-actions a.delete:hover { color: #ff4a43; }

ul.inbox > li.msg div .mail-actions a.reply:hover { color: #a2d200; }

ul.inbox > li.msg:hover { background-color: rgba(0, 0, 0, 0.15); border: 1px solid transparent; }

ul.inbox > li.msg:hover .mail-actions { opacity: 1; }

ul.inbox > li.msg.active { background-color: rgba(0, 0, 0, 0.3); border: 1px solid transparent; }

.mail-content { width: 100%; height: 100%; }

.mail-content .quick-navigation { text-align: center; background-color: rgba(255, 255, 255, 0.15); margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); }

.mail-content .quick-navigation h3 { display: inline-block; font-size: 18px; margin: 0; line-height: 50px; color: white; }

.mail-content .quick-navigation button { padding: 15px 20px; border: 0; background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); }

.mail-content .quick-navigation button.prev { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.mail-content .quick-navigation button.next { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

.mail-content .quick-navigation button:hover { background-color: rgba(255, 255, 255, 0.3); color: white; }

.mail-content .message { overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.mail-content .message .header { background-color: rgba(0, 0, 0, 0.3); padding: 20px; }

.mail-content .message .header h1 { margin: 0 0 10px 0; color: white; font-size: 26px; }

.mail-content .message .header .message-info { list-style-type: none; padding: 0; margin: 0; }

.mail-content .message .header .message-info li { display: inline-block; color: white; min-width: 20%; margin-right: 20px; background-color: rgba(0, 0, 0, 0.2); padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 11px; margin-bottom: 5px; }

.mail-content .message .header .message-info li em { filter: alpha(opacity=80); opacity: 0.8; }

.mail-content .message .header .actions { margin: 20px -20px -20px -20px; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.3); }

.mail-content .message .header .actions .btn { background-color: rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); }

.mail-content .message .header .actions .btn:hover { background-color: rgba(255, 255, 255, 0.3); color: white; }

.mail-content .message .content { padding: 40px 20px 20px 20px; overflow: hidden; background-color: white; }

.mail-content .message .content p { color: #717171; font-weight: 300; }

.mail-content .message .content .attachments { list-style-type: none; padding: 0; margin: 0; }

.mail-content .message .content .attachments > li { margin-bottom: 5px; }

.mail-content .message .content .attachments > li em { font-size: 11px; color: #717171; }

.mail-content .message .content .attachments > li .att-actions { font-size: 14px; margin-left: 5px; float: right; }

.mail-content .message .content .attachments > li .att-actions i { padding: 5px; cursor: pointer; }

.mail-content .message .content .attachments > li .att-actions i.att-show:hover { color: #22beef; }

.mail-content .message .content .attachments > li .att-actions i.att-forward:hover { color: #ff4a43; }

.mail-content .message .content .attachments > li .att-actions i.att-download:hover { color: #a2d200; }

.mail-content .message .content form { text-align: right; }

.mail-content .message .content form .note-editor { margin-top: -10px; text-align: left; }

.mail-content .message .content form .note-editor .note-toolbar { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.mail-content .message .content form .note-editor .note-editable { border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); }

.mail-content .message .content form button { margin-top: 10px; }

.horizontal-mail > .row > div[class*='col-']:last-child { padding-left: 0; padding-right: 15px; }

.horizontal-mail .inbox { position: relative; background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 4px solid rgba(255, 255, 255, 0.8); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; margin-bottom: 20px; }

.horizontal-mail .inbox .table-heading .heading h1 { color: white; margin: 0; }

.horizontal-mail .inbox .table-heading .ColVis { float: right; margin: 0; margin-left: 15px; }

.horizontal-mail .inbox .table-heading .ColVis .ColVis_Button { height: 37px; width: 37px; text-align: center; }

.horizontal-mail .inbox .table-heading .dataTables_filter label input { min-height: 36px; }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td { color: rgba(255, 255, 255, 0.6); }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td:after { background-color: rgba(255, 255, 255, 0.3); }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sortable:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sortable:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting:hover { color: white; }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sortable:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sortable:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting:hover:after { background-color: rgba(255, 255, 255, 0.6); }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-asc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-desc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-asc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-desc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_asc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_desc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_asc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_desc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-asc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-desc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-asc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-desc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_asc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_desc, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_asc:hover, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_desc:hover { color: white; }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-asc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-desc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-asc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sort-desc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_asc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_desc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_asc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.sorting_desc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-asc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-desc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-asc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sort-desc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_asc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_desc:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_asc:hover:after, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.sorting_desc:hover:after { background-color: white; }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.controls, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.controls { width: 100px !important; }

.horizontal-mail .inbox .dataTable.table-custom > thead > tr > th.controls:first-child, .horizontal-mail .inbox .dataTable.table-custom > thead > tr > td.controls:first-child { width: 50px !important; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr { cursor: pointer; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th { font-weight: 400; color: white; border-top-color: rgba(255, 255, 255, 0.2); }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td:first-child, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th:first-child { position: relative; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td:first-child .mail-label, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th:first-child .mail-label { position: absolute; width: 5px; height: 100%; top: 0; left: 0; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .checkbox, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .checkbox { width: 20px; height: 20px; margin-right: 8px; margin-left: 5px; position: static; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-favourite, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-favourite { color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05); font-size: 14px; position: relative; top: 1px; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-favourite.active i:before, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-favourite.active i:before { content: "\f005"; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-actions, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-actions { filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-actions a, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-actions a { padding: 5px 10px; color: white; font-size: 14px; line-height: 14px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-actions a:hover, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-actions a:hover { color: white; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-actions a.delete:hover, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-actions a.delete:hover { color: #ff4a43; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr td .mail-actions a.reply:hover, .horizontal-mail .inbox .dataTable.table-custom > tbody tr th .mail-actions a.reply:hover { color: #a2d200; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr:hover td .mail-actions, .horizontal-mail .inbox .dataTable.table-custom > tbody tr:hover th .mail-actions { filter: alpha(opacity=100); opacity: 1; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr.odd td.sorting_1, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.odd th.sorting_1, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.even td.sorting_1, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.even th.sorting_1 { padding-left: 5px; position: relative; z-index: 9; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr.odd td.sorting_1:after, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.odd th.sorting_1:after, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.even td.sorting_1:after, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.even th.sorting_1:after { content: ""; display: block; position: absolute; right: 8px; left: 0; top: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: -1; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr:first-child td, .horizontal-mail .inbox .dataTable.table-custom > tbody tr:first-child th { border-top: 0; }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr.row_selected td, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.row_selected th { background-color: rgba(0, 0, 0, 0.1); }

.horizontal-mail .inbox .dataTable.table-custom > tbody tr.unread td, .horizontal-mail .inbox .dataTable.table-custom > tbody tr.unread th { font-weight: 700; }

.horizontal-mail .mail-content { padding-left: 15px; }

/****************************************/
/************* OWL CAROUSEL *************/
/****************************************/
.owl-carousel .owl-item img { width: 80px; margin: 10px 0 25px 0; }

.owl-carousel .owl-item p { margin: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 15px 0; font-size: 18px; font-weight: 300; line-height: 42px; color: rgba(255, 255, 255, 0.8); position: relative; font-style: italic; }

.owl-carousel .owl-item p:before { content: "\f10d"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 10px; top: 10px; font-size: 2em; filter: alpha(opacity=15); opacity: 0.15; }

.owl-carousel .owl-controls .owl-pagination { position: absolute; top: 10px; left: 10px; }

.owl-carousel .owl-controls .owl-page span { width: 6px; height: 6px; background: white; margin: 3px 2px; }

.owl-carousel .owl-controls .owl-buttons { position: absolute; top: 35%; width: 100%; }

.owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-carousel .owl-controls .owl-buttons .owl-next { position: absolute; background: none; }

.owl-carousel .owl-controls .owl-buttons .owl-prev { left: 0; }

.owl-carousel .owl-controls .owl-buttons .owl-next { right: 0; }

/*****************************************/
/************* PROFILE PAGE **************/
/*****************************************/
.user-card h3 { text-align: center; }

.user-card h5 { text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.3); font-family: "Roboto", "Arial", sans-serif; }

.user-card .profile-controls { text-align: center; }

.user-card .profile-controls .profile-photo { width: 120px; border: 5px solid white; position: relative; z-index: 99; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }

.user-card .profile-controls > li { vertical-align: middle; padding: 0; }

.user-card .profile-controls .mailto, .user-card .profile-controls .callto { position: relative; }

.user-card .profile-controls .mailto > a, .user-card .profile-controls .callto > a { background-color: white; padding: 5px 10px; position: absolute; top: -15px; white-space: nowrap; font-size: 11px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; color: rgba(0, 0, 0, 0.2); }

.user-card .profile-controls .mailto > a:hover, .user-card .profile-controls .callto > a:hover { text-decoration: none; }

.user-card .profile-controls .mailto > a i, .user-card .profile-controls .callto > a i { font-size: 14px; }

.user-card .profile-controls .mailto > a { border-top-left-radius: 20px; border-bottom-left-radius: 20px; left: -28px; }

.user-card .profile-controls .mailto > a:hover { left: -93px; color: #a2d200; }

.user-card .profile-controls .mailto > a i { margin-right: 5px; }

.user-card .profile-controls .callto > a { border-top-right-radius: 20px; border-bottom-right-radius: 20px; right: -25px; }

.user-card .profile-controls .callto > a .calling { display: none; }

.user-card .profile-controls .callto > a:hover, .user-card .profile-controls .callto > a.active { right: -53px; color: #ff4a43; }

.user-card .profile-controls .callto > a.active { right: -73px; }

.user-card .profile-controls .callto > a.active .call { display: none; }

.user-card .profile-controls .callto > a.active .calling { display: inline; }

.user-card .profile-controls .callto > a i { margin-left: 5px; }

.user-card .social-networks { text-align: right; }

.user-card .social-networks > a { color: rgba(255, 255, 255, 0.4); padding: 3px; }

.user-card .social-networks > a i { font-size: 1.5em; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.user-card .social-networks > a:hover { color: white; }

p.about-me { font-size: 12px; line-height: 20px; font-weight: 300; color: rgba(255, 255, 255, 0.7); text-align: justify; }

.friend-list { padding: 0; list-style-type: none; }

.friend-list > li { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.friend-list > li:last-child { padding-bottom: 0; border: 0; }

.friend-list > li:first-child { padding-top: 0; }

.friend-list > li .media .profile-photo img { width: 50px; }

.friend-list > li .media .media-body .media-heading { line-height: 50px; margin: 0; font-family: "Roboto", "Arial", sans-serif; padding-left: 20px; display: inline-block; }

.friend-list > li .media .media-body .btn { float: right; position: relative; top: 10px; }

.project-list { padding: 0; list-style-type: none; }

.project-list > li { min-height: 50px; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.project-list > li:last-child { min-height: 40px; padding-bottom: 0; border: 0; }

.project-list > li:first-child { min-height: 40px; padding-top: 0; }

.project-list > li .project-name { line-height: 30px; }

.project-list > li .progress { margin-bottom: 0; }

.project-list > li .progress-info { line-height: 26px; }

body #content .feed-form textarea, body #content .new-comment-container textarea { width: 100%; resize: none; border-bottom: 0 !important; -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; }

body #content .feed-form textarea:focus, body #content .new-comment-container textarea:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }

body #content .feed-form .post-toolbar, body #content .new-comment-container .post-toolbar { padding: 5px 10px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border: 1px solid #e2e2e2; border-top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

body #content .feed-form .post-toolbar > a, body #content .new-comment-container .post-toolbar > a { color: rgba(0, 0, 0, 0.2); padding: 2px 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

body #content .feed-form .post-toolbar > a:hover, body #content .new-comment-container .post-toolbar > a:hover { color: rgba(0, 0, 0, 0.4); }

body #content .feed-form textarea:focus + .post-toolbar, body #content .new-comment-container textarea:focus + .post-toolbar { border-color: #b2b2b2; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); }

body #content .feed-list { padding: 20px 0; }

body #content .feed-list article:last-of-type .feed-container { border-bottom: 0; }

body #content .feed-list .feed-post { margin-bottom: 20px; }

body #content .feed-list .feed-post .profile-photo { width: 18%; max-width: 130px; display: inline-block; vertical-align: top; }

body #content .feed-list .feed-post .profile-photo > a img { width: 80%; max-width: 68px; }

body #content .feed-list .feed-post .feed-container { width: 75%; display: inline-block; vertical-align: top; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }

body #content .feed-list .feed-post .feed-container header { margin-bottom: 10px; }

body #content .feed-list .feed-post .feed-container header .author { color: #a4a4a4; }

body #content .feed-list .feed-post .feed-container header .author a { font-weight: 700; color: #585858; }

body #content .feed-list .feed-post .feed-container header .author a:hover { color: #8b8b8b; }

body #content .feed-list .feed-post .feed-container header .author small { display: block; color: #cacaca; font-size: 11px; }

body #content .feed-list .feed-post .feed-container .feed-content p { color: #a4a4a4; font-size: 12px; }

body #content .feed-list .feed-post .feed-container .feed-content .feed-image { margin-bottom: 15px; }

body #content .feed-list .feed-post .feed-container .feed-content .feed-image img { width: 100%; }

body #content .feed-list .feed-post .feed-container footer { margin-top: 15px; }

body #content .feed-list .feed-post .feed-container footer > a { color: #585858; font-size: 12px; display: inline-block; margin-right: 20px; }

body #content .feed-list .feed-post .feed-container footer > a > i { margin-right: 3px; }

body #content .feed-list .feed-post .feed-container footer > a:hover { color: #8b8b8b; text-decoration: none; }

body #content .feed-list .feed-post .feed-container footer > a span { color: #cacaca; font-size: 11px; }

body #content .feed-list .feed-post .feed-container footer > a.liked > i { color: #ff4a43; }

body #content .feed-list .feed-post .feed-container footer .comments { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; border-top: 1px solid #e2e2e2; padding-top: 20px; }

body #content .feed-list .feed-post .feed-container footer .comments > li:not(:first-child) { margin-top: 15px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .profile-photo, body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container, body #content .feed-list .feed-post .feed-container footer .comments > li .new-comment-container { display: table-cell; vertical-align: top; width: 100%; }

body #content .feed-list .feed-post .feed-container footer .comments > li .profile-photo { width: 1%; padding-right: 15px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .profile-photo > img { width: 36px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container { font-size: 12px; color: #a4a4a4; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-author { font-weight: 700; color: #585858; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-author:hover { color: #8b8b8b; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta { font-size: 11px; margin-top: 15px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta > a { color: #cacaca; display: inline-block; margin: 0 5px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta > a:first-child { margin-left: 0; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta > a:hover { color: #717171; text-decoration: none; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta > a.liked > i { color: #ff4a43; }

body #content .feed-list .feed-post .feed-container footer .comments > li .comment-container .comment-meta > i { font-size: 5px; position: relative; top: -1.6px; }

body #content .feed-list .feed-post .feed-container footer .comments > li .new-comment-container .post-toolbar { text-align: right; }

/**************************************/
/************* RESPONSIVE *************/
/**************************************/
@media only screen and (max-width: 1700px) { /* mail */
  .mail-content .message .content { max-height: 845px; } }

@media only screen and (max-width: 1024px) { body { /* navbar */ }
  body .navbar .search input { width: 120px; }
  body .navbar .navbar-nav.quick-actions { position: absolute; right: -260px; top: 0; }
  body .navbar.collapsed .navbar-nav.quick-actions { right: 0; }
  body #wrap #content { padding-left: 55px; }
  body #wrap #jeegemcontent { padding-left: 30px; }
  html.mm-right.mm-opening .mm-fixed-top { right: 0; }
  html.mm-opened #wrap > .row #content { padding-right: 25px; }
  /* timeline */
  .timeline > li > .el-container .side { width: 100px; font-size: 30px; }
  .timeline > li > .el-container .content span.time { font-size: 11px; }
  .timeline > li > .el-container .content span.time i { font-size: 14px; }
  .timeline > li > .el-container .content h1 { font-size: 16px; } }

@media only screen and (max-width: 992px) { body { /* tables */ /* tile navbar */ /* mail */ /* chat */ /* tasks */ }
  body .table-responsive { border: 0; overflow-y: hidden; overflow-x: scroll; width: 100%; }
  body .table-responsive table { min-width: 920px; }
  body .table-responsive.inbox { overflow: auto; }
  body .table-responsive.inbox table { min-width: 600px; }
  body #content .tile .tile-navbar { text-align: center; }
  body #content .tile .tile-navbar > li { border-right: 0; }
  body #content .tile .tile-navbar > li .checkbox label:after { text-align: left; }
  body #content .tile .tile-navbar > li.filters { float: none; display: block; margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body #content ul.inbox > li.msg div p { width: 180px; }
  body .chat-nav.side-nav { text-align: center; }
  body .chat-nav.side-nav > li { display: block; }
  body .chat-nav.side-nav > li:last-child { float: none !important; margin-top: 3px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  body .chat-reply { height: 162px; }
  body .chat-reply textarea { height: 102px !important; }
  body .task-list > li .task-group > .task .task-content { padding-bottom: 0; }
  body .task-list > li .task-group > .task .task-content .task-controls { position: static; border-left: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center; }
  body .task-list > li .task-group > .task .task-content .task-controls button { display: inline-block; } }

@media only screen and (max-width: 768px) { body { /* navbar */ /* pageheader */ /* recent activity */ /* datatables */ /* misc */ /* timeline */ /* mail */ /* chat */ /* search results */ /* portlets */ /* tasks */ }
  body .navbar.navbar-default .navbar-collapse { border: 0; -webkit-box-shadow: none; box-shadow: none; max-height: 45px; }
  body .navbar.navbar-default .navbar-collapse .navbar-nav.side-nav > li.collapsed-content { display: block; }
  body .navbar.navbar-default .navbar-collapse .nav > li > a { padding: 0 10px; }
  body .navbar.navbar-default .navbar-collapse .nav .open .dropdown-menu { position: absolute; background-color: white; }
  body .navbar.navbar-default .navbar-collapse .nav .open .dropdown-menu.wide { left: -130px; width: 210px !important; max-width: 210px !important; }
  body .navbar.navbar-default .navbar-collapse .nav .open .dropdown-menu.wider { width: 280px !important; max-width: 280px !important; left: -180px; }
  body .navbar.navbar-default .navbar-collapse .nav .open .dropdown-menu.arrow:before { left: auto; right: 73px; }
  body .navbar.navbar-default .navbar-collapse .nav .open .dropdown-menu.arrow.wide:before { right: 53px; }
  body .navbar.navbar-default .navbar-collapse .nav.refresh { position: absolute; top: 0; left: 250px; margin: 0; }
  body .navbar.navbar-default .navbar-collapse .nav.refresh > li:after { display: none; }
  body .navbar.navbar-default .navbar-collapse .nav.quick-actions { margin: 0; }
  body .navbar.navbar-default .navbar-collapse .nav.quick-actions > li { display: inline-block; vertical-align: top; }
  body .navbar.navbar-default .navbar-collapse .nav.quick-actions .dropdown .dropdown-menu.messages > li > a .message-info { width: 195px; }
  body .navbar.collapsed .navbar-collapse .nav.refresh { left: 40px; }
  body .navbar.collapsed .navbar-nav.side-nav > li.collapsed-content { display: none !important; }
  body .right-panel .nav-tabs { overflow: hidden; }
  body .right-panel .nav-tabs > li { display: table-cell; width: 1%; }
  body .pageheader { text-align: center; position: static; }
  body .pageheader h2 { display: block; font-size: 26px; }
  body .pageheader h2 span { font-size: 14px; }
  body .pageheader .breadcrumbs { position: static; display: block; }
  body .pageheader .breadcrumbs .breadcrumb { background-color: rgba(0, 0, 0, 0.1); }
  body .table-options { margin: 5px 0; }
  body .recent-activity .tab-content > ul > li .time { display: none; }
  body .dataTables_wrapper div.dataTables_length label { float: none; width: 100%; margin-bottom: 10px !important; }
  body .dataTables_wrapper div.dataTables_filter label { float: none; width: 100%; text-align: center; }
  body .dataTables_wrapper div.dataTables_filter label input { width: 100% !important; }
  body .dataTables_wrapper .delete-row, body .dataTables_wrapper .add-row { left: auto !important; right: 0 !important; }
  body .sm-center { text-align: center; margin: 5px 0 !important; }
  body .sm-left { text-align: left; margin: 10px 0 !important; }
  body .timeline { padding-top: 25px; }
  body .timeline:after { left: 20px; }
  body .timeline > li { clear: both; float: none; width: 100%; z-index: 2; padding-left: 45px; margin-bottom: 25px; }
  body .timeline > li > .el-container { margin: 0 !important; }
  body .timeline > li:nth-of-type(odd):after, body .timeline > li:nth-of-type(even):after { border-right: 10px solid; border-right-color: white; border-left: 10px solid transparent; border-bottom: 10px solid transparent; left: 25px; margin-left: 0; right: auto; top: 14px; }
  body .timeline > li:nth-of-type(odd) > .pointer, body .timeline > li:nth-of-type(even) > .pointer { left: 6px; right: auto; top: 10px; margin-left: 0; }
  body .timeline > li:nth-of-type(odd).color.red:after, body .timeline > li:nth-of-type(even).color.red:after { border-right: 10px solid; border-right-color: #ff4a43; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.cyan:after, body .timeline > li:nth-of-type(even).color.cyan:after { border-right: 10px solid; border-right-color: #22beef; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.green:after, body .timeline > li:nth-of-type(even).color.green:after { border-right: 10px solid; border-right-color: #a2d200; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.orange:after, body .timeline > li:nth-of-type(even).color.orange:after { border-right: 10px solid; border-right-color: #ffc100; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.amethyst:after, body .timeline > li:nth-of-type(even).color.amethyst:after { border-right: 10px solid; border-right-color: #cd97eb; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.greensea:after, body .timeline > li:nth-of-type(even).color.greensea:after { border-right: 10px solid; border-right-color: #16a085; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.drank:after, body .timeline > li:nth-of-type(even).color.drank:after { border-right: 10px solid; border-right-color: #A40778; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.hotpink:after, body .timeline > li:nth-of-type(even).color.hotpink:after { border-right: 10px solid; border-right-color: #FF0066; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.dutch:after, body .timeline > li:nth-of-type(even).color.dutch:after { border-right: 10px solid; border-right-color: #1693A5; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.blue:after, body .timeline > li:nth-of-type(even).color.blue:after { border-right: 10px solid; border-right-color: #418bca; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.redbrown:after, body .timeline > li:nth-of-type(even).color.redbrown:after { border-right: 10px solid; border-right-color: #d9544f; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.slategray:after, body .timeline > li:nth-of-type(even).color.slategray:after { border-right: 10px solid; border-right-color: #3f4e62; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.transparent-black:after, body .timeline > li:nth-of-type(even).color.transparent-black:after { border-right: 10px solid; border-right-color: rgba(0, 0, 0, 0.3); border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body .timeline > li:nth-of-type(odd).color.transparent-white:after, body .timeline > li:nth-of-type(even).color.transparent-white:after { border-right: 10px solid; border-right-color: rgba(255, 255, 255, 0.2); border-left: 10px solid transparent; border-bottom: 10px solid transparent; }
  body #content .vertical-mail > .row, body #content .horizontal-mail > .row { display: block; }
  body #content .vertical-mail > .row > div[class*='col-'], body #content .horizontal-mail > .row > div[class*='col-'] { padding: 15px; display: block; }
  body #content .vertical-mail ul.navigation, body #content .vertical-mail ul.inbox, body #content .horizontal-mail ul.navigation, body #content .horizontal-mail ul.inbox { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
  body #content .vertical-mail .mail-content .message .content, body #content .horizontal-mail .mail-content .message .content { max-height: none; overflow: visible !important; }
  body #content .horizontal-mail > .row > div[class*='col-']:last-child { padding-left: 15px; }
  body #content .horizontal-mail .inbox { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
  body #content .horizontal-mail .mail-content { padding: 0; }
  body .chat-content, body .chat-inbox { min-height: 800px; }
  body .nav.nav-tabs > li.tab-title .search-result, body .nav.nav-pills > li.tab-title .search-result { font-size: 12px; }
  body .sortable.ui-sortable { padding-bottom: 0; }
  body .task-list > li .task-group > .task .panel-heading > .label { position: static; display: block; margin-top: 10px; }
  body .task-list > li .task-group > .task .panel-heading .task-controls { display: block; text-align: center; line-height: 10px; }
  body .task-list > li .task-group > .task .panel-heading .task-controls .checkbox { text-align: left; } }

@media only screen and (max-width: 479px) { body { /* pageheader */ /* tiles */ /* recent activity */ /* timeline */ /* login page */ /* search results */ /* weather page */ }
  body .pageheader { text-align: left; }
  body .pageheader h2 { font-size: 18px; font-weight: 300; }
  body .pageheader h2 span { font-size: 12px; }
  body .pageheader h2 i { font-size: 14px; height: 30px; width: 30px; line-height: 24px !important; }
  body .pageheader .breadcrumbs ol.breadcrumb > li { font-size: 10px; }
  body #content .tile .tile-header .search { float: none; display: block; margin-top: 15px; }
  body #content .tile .tile-header .search input { width: 100%; }
  body .recent-activity .tab-content > ul > li { font-size: 11px; }
  body .recent-activity .tab-content > ul > li .user { margin: 0 0 0 10px; position: relative; }
  body .recent-activity .tab-content > ul > li .user:after { display: none; }
  body .timeline > li > .el-container .content span.time { display: block; float: none; margin-bottom: 4px; border-bottom: 1px solid; padding-bottom: 4px; text-align: center; }
  body .timeline > li > .el-container .content h1 { text-align: center; }
  body #content.full-page .inside-block, body #content.full-page.error .inside-block { width: 70%; height: 100%; }
  body #content.full-page .inside-block form, body #content.full-page.error .inside-block form { margin-bottom: 40px; }
  body #content.full-page .search, body #content.full-page.error .search { right: 25%; top: 10px; }
  body .search-results .media > a.pull-left, body .search-results .media > a.pull-right { float: none !important; }
  body #content.full-page.weather .owl-carousel .owl-controls .owl-buttons .owl-next { right: 0; }
  body #content.full-page.weather .owl-carousel .slide .inside-block { width: 100%; padding-top: 200px; } }

/**************************************/
/************* SUMMERNOTE *************/
/**************************************/
.note-editor { border: 0; }

.note-editor .note-editable { overflow: auto; background-color: white; }

.note-editor .note-toolbar { border-bottom: 0; background-color: #f2f2f2; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.note-editor .note-statusbar { background-color: #f2f2f2; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.note-editor .note-statusbar .note-resizebar { border-top: 1px solid transparent; }

.transparent-editor .note-editor .note-editable { background-color: rgba(0, 0, 0, 0.3); }

.transparent-editor .note-editor .note-toolbar { background-color: rgba(0, 0, 0, 0.5); }

.transparent-editor .note-editor .note-toolbar button { background-color: white; color: #717171; }

.transparent-editor .note-editor .note-toolbar button:hover { background-color: rgba(255, 255, 255, 0.95); color: #717171; }

.transparent-editor .note-editor .note-toolbar button:hover .caret { border-top-color: #717171; }

.transparent-editor .note-editor .note-toolbar .dropdown-menu { color: #717171; }

.transparent-editor .note-editor .note-statusbar { background-color: rgba(0, 0, 0, 0.5); }

.transparent-editor .note-editor .caret { border-top-color: #717171; }

/**********************************/
/************* TASKS **************/
/**********************************/
.task-list { padding: 20px 0; margin: 20px auto; list-style: none; position: relative; width: 100%; }

.task-list:after { background-color: #717171; content: ""; left: 0; min-height: 100%; position: absolute; top: 0; width: 3px; z-index: 1; }

.task-list > li { position: relative; margin: 0; margin-bottom: 30px; padding-left: 20px; }

.task-list > li > .pointer { position: absolute; background-color: #717171; left: -6px; top: 2px; width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 2; text-align: center; }

.task-list > li.more > .pointer { top: 10px; }

.task-list > li .task-group > .task { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.2); border-left: 0; position: relative; }

.task-list > li .task-group > .task > .priority { position: absolute; width: 5px; height: 100%; background-color: #b2b2b2; top: -1px; padding-bottom: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 9; }

.task-list > li .task-group > .task > .priority.priority-high { background-color: #ff7b76; }

.task-list > li .task-group > .task > .priority.priority-medium { background-color: #ffc100; }

.task-list > li .task-group > .task > .priority.priority-normal { background-color: #b2b2b2; }

.task-list > li .task-group > .task > .priority.priority-low { background-color: #a2d200; }

.task-list > li .task-group > .task .panel-heading { position: relative; border-bottom: 0; padding-right: 80px; }

.task-list > li .task-group > .task .panel-heading .task-controls { display: inline-block; line-height: 28px; vertical-align: bottom; }

.task-list > li .task-group > .task .panel-heading .task-controls .checkbox { display: inline-block; padding-left: 5px; }

.task-list > li .task-group > .task .panel-heading .task-controls .checkbox label { min-height: 20px; }

.task-list > li .task-group > .task .panel-heading .task-controls .mark { color: rgba(0, 0, 0, 0.3); font-size: 20px; margin-left: 5px; }

.task-list > li .task-group > .task .panel-heading .task-controls .mark:hover { color: rgba(0, 0, 0, 0.6); }

.task-list > li .task-group > .task .panel-heading .task-controls .mark.marked { color: #ffc100; }

.task-list > li .task-group > .task .panel-heading .task-controls .mark.marked i:before { content: "\f005"; }

.task-list > li .task-group > .task .panel-heading .heading { display: inline-block; margin-left: 20px; }

.task-list > li .task-group > .task .panel-heading .heading h5 { margin-bottom: 0; font-weight: 700; }

.task-list > li .task-group > .task .panel-heading .heading small { font-style: italic; color: #a4a4a4; }

.task-list > li .task-group > .task .panel-heading > .label { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; position: absolute; right: 80px; top: 22px; padding: 5px 20px; font-size: 14px; }

.task-list > li .task-group > .task .panel-heading .task-toggle { position: absolute; right: 0; top: 0; height: 100%; width: 66px; display: block; background-color: rgba(0, 0, 0, 0.05); border-left: 1px solid rgba(0, 0, 0, 0.2); font-size: 50px; line-height: 66px; color: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.task-list > li .task-group > .task .panel-heading .task-toggle:hover { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }

.task-list > li .task-group > .task .panel-heading .task-toggle > i { margin-left: 15px; }

.task-list > li .task-group > .task.active .panel-heading { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.task-list > li .task-group > .task.active .panel-heading .heading h5 { color: #418bca; }

.task-list > li .task-group > .task.active .task-toggle, .task-list > li .task-group > .task.active .task-toggle:hover { background-color: #418bca; color: white; line-height: 56px; }

.task-list > li .task-group > .task.active .task-toggle > i:before, .task-list > li .task-group > .task.active .task-toggle:hover > i:before { content: "\f106"; }

.task-list > li .task-group > .task .task-content { position: relative; }

.task-list > li .task-group > .task .task-content .media-list .media > i { width: 20px; text-align: center; margin-right: 10px; }

.task-list > li .task-group > .task .task-content .media-list .media:not(:first-child) { margin-top: 10px; }

.task-list > li .task-group > .task .task-content .media-list .media .media-body { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.task-list > li .task-group > .task .task-content .media-list .media .media-body .media-heading { font-family: "Roboto", "Arial", sans-serif; font-style: italic; color: #8b8b8b; margin-bottom: 10px; }

.task-list > li .task-group > .task .task-content .media-list .media .media-body .media-heading strong { color: #717171; font-style: normal; margin-right: 5px; }

.task-list > li .task-group > .task .task-content .media-list .media .media-body p { font-size: 12px; color: #8b8b8b; }

.task-list > li .task-group > .task .task-content .media-list .media:last-child .media-body { border: 0; }

.task-list > li .task-group > .task .task-content .task-controls { height: 100%; right: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.05); padding: 15px 0; border-left: 1px solid rgba(0, 0, 0, 0.2); }

.task-list > li .task-group > .task .task-content .task-controls button { display: block; margin: 10px auto; }

.task-list > li.completed > h5 { color: #bebebe; }

.task-list > li.completed .task-group .task { filter: alpha(opacity=35); opacity: 0.35; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.task-list > li.completed .task-group .task:hover, .task-list > li.completed .task-group .task.active { filter: alpha(opacity=100); opacity: 1; }

/************************************/
/************* TIMELINE *************/
/************************************/
.timeline-heading { font-size: 13px; color: white; display: inline-block; text-align: center; padding: 8px 30px; margin: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.timeline { padding: 25px 1px 5px 1px; margin: 0 auto; overflow: hidden; list-style: none; position: relative; }

.timeline:after { background-color: rgba(0, 0, 0, 0.3); content: ""; left: 50%; margin-left: -3px; min-height: 100%; position: absolute; top: 0; width: 6px; z-index: 1; }

.timeline > li { position: relative; float: left; clear: left; text-align: right; width: 50%; margin: 0; margin-bottom: 30px; }

.timeline > li > .el-container { margin-right: 25px; display: table; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.timeline > li > .el-container > .side { display: table-cell; width: 200px; text-align: center; font-size: 65px; vertical-align: middle; background-color: #555; color: #fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

.timeline > li > .el-container > .side img { width: 100%; }

.timeline > li > .el-container > .content { display: table-cell; text-align: left; background: #ffffff; padding: 15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

.timeline > li > .el-container > .content span.time { float: right; color: rgba(0, 0, 0, 0.3); font-weight: 300; font-size: 14px; }

.timeline > li > .el-container > .content span.time i { font-size: 14px; color: rgba(0, 0, 0, 0.3); }

.timeline > li > .el-container > .content h1 { margin-top: 0; font-size: 24px; color: #717171; -webkit-font-smoothing: antialiased; }

.timeline > li > .el-container > .content p { color: #999; font-size: 13px; }

.timeline > li > .el-container > .content img { width: 100%; }

.timeline > li > .el-container > .content i.block { width: 100%; text-align: center; font-size: 180px; background-color: #fafafa; color: #717171; padding: 50px 0; margin-bottom: 20px; }

.timeline > li > .pointer { position: absolute; background-color: white; right: -13px; top: 46px; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 2; text-align: center; line-height: 24px; }

.timeline > li > .pointer.cyan { background-color: #22beef; }

.timeline > li > .pointer.cyan i { color: white; }

.timeline > li > .pointer.red { background-color: #ff4a43; }

.timeline > li > .pointer.red i { color: white; }

.timeline > li > .pointer.green { background-color: #a2d200; }

.timeline > li > .pointer.green i { color: white; }

.timeline > li > .pointer.orange { background-color: #ffc100; }

.timeline > li > .pointer.orange i { color: white; }

.timeline > li > .pointer.amethyst { background-color: #cd97eb; }

.timeline > li > .pointer.amethyst i { color: white; }

.timeline > li > .pointer.greensea { background-color: #16a085; }

.timeline > li > .pointer.greensea i { color: white; }

.timeline > li > .pointer.drank { background-color: #A40778; }

.timeline > li > .pointer.drank i { color: white; }

.timeline > li > .pointer.hotpink { background-color: #FF0066; }

.timeline > li > .pointer.hotpink i { color: white; }

.timeline > li > .pointer.dutch { background-color: #1693A5; }

.timeline > li > .pointer.dutch i { color: white; }

.timeline > li > .pointer.blue { background-color: #418bca; }

.timeline > li > .pointer.blue i { color: white; }

.timeline > li > .pointer.redbrown { background-color: #d9544f; }

.timeline > li > .pointer.redbrown i { color: white; }

.timeline > li > .pointer.slategray { background-color: #3f4e62; }

.timeline > li > .pointer.slategray i { color: white; }

.timeline > li > .pointer i { color: #717171; font-size: 14px; }

.timeline > li:after { border-bottom: 10px solid transparent; border-top: 10px solid transparent; content: ""; height: 0; position: absolute; top: 48px; width: 0; z-index: 1; }

.timeline > li:first-child > .pointer { top: 6px; }

.timeline > li:first-child:after { top: 8px; }

.timeline > li:nth-of-type(even) { float: right; clear: right; text-align: left; }

.timeline > li:nth-of-type(even) > .el-container { margin-right: 0; margin-left: 25px; }

.timeline > li:nth-of-type(even) > .pointer { right: auto; left: -13px; }

.timeline > li:nth-of-type(even):after { border-right: 10px solid; border-right-color: white; left: 15px; }

.timeline > li:nth-of-type(odd):after { border-left: 10px solid; border-left-color: white; left: auto; right: 16px; }

.timeline > li.full-width { clear: both; float: none; text-align: center; width: auto; z-index: 2; }

.timeline > li.full-width:after { border-bottom: 10px solid; border-bottom-color: white; border-left: 10px solid transparent; border-right: 10px solid transparent; left: 50%; margin-left: -10px; right: auto; top: -20px; }

.timeline > li.full-width > .el-container { margin: 0; }

.timeline > li.full-width > .pointer { left: 50%; margin-left: -12px; right: auto; top: -38px; }

.timeline > li.full-width > .pointer i { margin-left: 1px; margin-right: 0; }

.timeline > li.color > .el-container > .content h1, .timeline > li.color > .el-container > .content p { color: white; }

.timeline > li.color > .el-container > .content .time, .timeline > li.color > .el-container > .content .time i { color: rgba(255, 255, 255, 0.6); }

.timeline > li.color.red > .el-container > .content { background-color: #ff4a43; }

.timeline > li.color.red:nth-of-type(odd):after { border-left-color: #ff4a43; }

.timeline > li.color.red:nth-of-type(even):after { border-right-color: #ff4a43; }

.timeline > li.color.red.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #ff4a43; }

.timeline > li.color.cyan > .el-container > .content { background-color: #22beef; }

.timeline > li.color.cyan:nth-of-type(odd):after { border-left-color: #22beef; }

.timeline > li.color.cyan:nth-of-type(even):after { border-right-color: #22beef; }

.timeline > li.color.cyan.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #22beef; }

.timeline > li.color.green > .el-container > .content { background-color: #a2d200; }

.timeline > li.color.green:nth-of-type(odd):after { border-left-color: #a2d200; }

.timeline > li.color.green:nth-of-type(even):after { border-right-color: #a2d200; }

.timeline > li.color.green.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #a2d200; }

.timeline > li.color.orange > .el-container > .content { background-color: #ffc100; }

.timeline > li.color.orange:nth-of-type(odd):after { border-left-color: #ffc100; }

.timeline > li.color.orange:nth-of-type(even):after { border-right-color: #ffc100; }

.timeline > li.color.orange.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #ffc100; }

.timeline > li.color.amethyst > .el-container > .content { background-color: #cd97eb; }

.timeline > li.color.amethyst:nth-of-type(odd):after { border-left-color: #cd97eb; }

.timeline > li.color.amethyst:nth-of-type(even):after { border-right-color: #cd97eb; }

.timeline > li.color.amethyst.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #cd97eb; }

.timeline > li.color.greensea > .el-container > .content { background-color: #16a085; }

.timeline > li.color.greensea:nth-of-type(odd):after { border-left-color: #16a085; }

.timeline > li.color.greensea:nth-of-type(even):after { border-right-color: #16a085; }

.timeline > li.color.greensea.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #16a085; }

.timeline > li.color.drank > .el-container > .content { background-color: #A40778; }

.timeline > li.color.drank:nth-of-type(odd):after { border-left-color: #A40778; }

.timeline > li.color.drank:nth-of-type(even):after { border-right-color: #A40778; }

.timeline > li.color.drank.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #A40778; }

.timeline > li.color.hotpink > .el-container > .content { background-color: #FF0066; }

.timeline > li.color.hotpink:nth-of-type(odd):after { border-left-color: #FF0066; }

.timeline > li.color.hotpink:nth-of-type(even):after { border-right-color: #FF0066; }

.timeline > li.color.hotpink.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #FF0066; }

.timeline > li.color.dutch > .el-container > .content { background-color: #1693A5; }

.timeline > li.color.dutch:nth-of-type(odd):after { border-left-color: #1693A5; }

.timeline > li.color.dutch:nth-of-type(even):after { border-right-color: #1693A5; }

.timeline > li.color.dutch.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #1693A5; }

.timeline > li.color.blue > .el-container > .content { background-color: #418bca; }

.timeline > li.color.blue:nth-of-type(odd):after { border-left-color: #418bca; }

.timeline > li.color.blue:nth-of-type(even):after { border-right-color: #418bca; }

.timeline > li.color.blue.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #418bca; }

.timeline > li.color.redbrown > .el-container > .content { background-color: #d9544f; }

.timeline > li.color.redbrown:nth-of-type(odd):after { border-left-color: #d9544f; }

.timeline > li.color.redbrown:nth-of-type(even):after { border-right-color: #d9544f; }

.timeline > li.color.redbrown.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #d9544f; }

.timeline > li.color.slategray > .el-container > .content { background-color: #3f4e62; }

.timeline > li.color.slategray:nth-of-type(odd):after { border-left-color: #3f4e62; }

.timeline > li.color.slategray:nth-of-type(even):after { border-right-color: #3f4e62; }

.timeline > li.color.slategray.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: #3f4e62; }

.timeline > li.color.transparent-black > .el-container > .content { background-color: rgba(0, 0, 0, 0.3); }

.timeline > li.color.transparent-black > .el-container > .content i.block { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); }

.timeline > li.color.transparent-black > .el-container > .side { background-color: rgba(0, 0, 0, 0.6); }

.timeline > li.color.transparent-black.textured > .el-container > .content { background: rgba(0, 0, 0, 0.3) url(../images/dot_pattern.png) repeat; }

.timeline > li.color.transparent-black.textured > .el-container > .side { background: rgba(0, 0, 0, 0.6) url(../images/dot_pattern.png) repeat; }

.timeline > li.color.transparent-black:nth-of-type(odd):after { border-left-color: rgba(0, 0, 0, 0.3); }

.timeline > li.color.transparent-black:nth-of-type(even):after { border-right-color: rgba(0, 0, 0, 0.3); }

.timeline > li.color.transparent-black.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.3); }

.timeline > li.color.transparent-white > .el-container > .content { background-color: rgba(255, 255, 255, 0.2); }

.timeline > li.color.transparent-white > .el-container > .content i.block { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9); }

.timeline > li.color.transparent-white > .el-container > .content .time, .timeline > li.color.transparent-white > .el-container > .content .time i { color: rgba(255, 255, 255, 0.9); }

.timeline > li.color.transparent-white > .el-container > .side { background-color: rgba(0, 0, 0, 0.3); }

.timeline > li.color.transparent-white:nth-of-type(odd):after { border-left-color: rgba(255, 255, 255, 0.2); }

.timeline > li.color.transparent-white:nth-of-type(even):after { border-right-color: rgba(255, 255, 255, 0.2); }

.timeline > li.color.transparent-white.full-width:after { border-bottom: 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom-color: rgba(255, 255, 255, 0.2); }

.timeline.timeline-mini { padding-top: 25px; }

.timeline.timeline-mini:after { left: 20px; }

.timeline.timeline-mini > li { clear: both; float: none; width: 100%; z-index: 2; padding-left: 45px; margin-bottom: 25px; }

.timeline.timeline-mini > li > .el-container { margin: 0 !important; }

.timeline.timeline-mini > li:nth-of-type(odd):after, .timeline.timeline-mini > li:nth-of-type(even):after { border-right: 10px solid; border-right-color: white; border-left: 10px solid transparent; border-bottom: 10px solid transparent; left: 25px; margin-left: 0; right: auto; top: 14px; }

.timeline.timeline-mini > li:nth-of-type(odd) > .pointer, .timeline.timeline-mini > li:nth-of-type(even) > .pointer { left: 6px; right: auto; top: 10px; margin-left: 0; }

.timeline.timeline-mini > li:nth-of-type(odd).color.red:after, .timeline.timeline-mini > li:nth-of-type(even).color.red:after { border-right: 10px solid; border-right-color: #ff4a43; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.cyan:after, .timeline.timeline-mini > li:nth-of-type(even).color.cyan:after { border-right: 10px solid; border-right-color: #22beef; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.green:after, .timeline.timeline-mini > li:nth-of-type(even).color.green:after { border-right: 10px solid; border-right-color: #a2d200; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.orange:after, .timeline.timeline-mini > li:nth-of-type(even).color.orange:after { border-right: 10px solid; border-right-color: #ffc100; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.amethyst:after, .timeline.timeline-mini > li:nth-of-type(even).color.amethyst:after { border-right: 10px solid; border-right-color: #cd97eb; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.greensea:after, .timeline.timeline-mini > li:nth-of-type(even).color.greensea:after { border-right: 10px solid; border-right-color: #16a085; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.drank:after, .timeline.timeline-mini > li:nth-of-type(even).color.drank:after { border-right: 10px solid; border-right-color: #A40778; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.hotpink:after, .timeline.timeline-mini > li:nth-of-type(even).color.hotpink:after { border-right: 10px solid; border-right-color: #FF0066; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.dutch:after, .timeline.timeline-mini > li:nth-of-type(even).color.dutch:after { border-right: 10px solid; border-right-color: #1693A5; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.blue:after, .timeline.timeline-mini > li:nth-of-type(even).color.blue:after { border-right: 10px solid; border-right-color: #418bca; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.redbrown:after, .timeline.timeline-mini > li:nth-of-type(even).color.redbrown:after { border-right: 10px solid; border-right-color: #d9544f; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.slategray:after, .timeline.timeline-mini > li:nth-of-type(even).color.slategray:after { border-right: 10px solid; border-right-color: #3f4e62; border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.transparent-black:after, .timeline.timeline-mini > li:nth-of-type(even).color.transparent-black:after { border-right: 10px solid; border-right-color: rgba(0, 0, 0, 0.3); border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

.timeline.timeline-mini > li:nth-of-type(odd).color.transparent-white:after, .timeline.timeline-mini > li:nth-of-type(even).color.transparent-white:after { border-right: 10px solid; border-right-color: rgba(255, 255, 255, 0.2); border-left: 10px solid transparent; border-bottom: 10px solid transparent; }

/************************************/
/************* NESTABLE *************/
/************************************/
.dd { float: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; }

.dd.transparent-black .dd-list .dd-item button:before { color: white !important; }

.dd.transparent-black .dd-list .dd-item .dd-handle { border: 0 !important; background: rgba(0, 0, 0, 0.3) !important; color: white !important; }

.dd.transparent-black .dd-list .dd-item .dd-handle:hover { background: rgba(0, 0, 0, 0.4) !important; }

.dd.transparent-black .dd-list .dd-placeholder { background: rgba(0, 0, 0, 0.6) !important; border: 0 !important; }

.dd.transparent-white .dd-list .dd-item button:before { color: white !important; }

.dd.transparent-white .dd-list .dd-item .dd-handle { border: 0 !important; background: rgba(255, 255, 255, 0.3) !important; color: white !important; }

.dd.transparent-white .dd-list .dd-item .dd-handle:hover { background: rgba(255, 255, 255, 0.4) !important; }

.dd.transparent-white .dd-list .dd-placeholder { background: rgba(255, 255, 255, 0.6) !important; border: 0 !important; }

.dd-item, .dd-empty, .dd-placeholder { line-height: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.dd-item.dd-heading > .dd3-content, .dd-empty.dd-heading > .dd3-content, .dd-placeholder.dd-heading > .dd3-content { color: #a2d200; background: #f5ffd2; border-color: #a2d200; }

.dd-item.dd-heading > .dd3-handle, .dd-empty.dd-heading > .dd3-handle, .dd-placeholder.dd-heading > .dd3-handle { background: #efffb8; border-color: #a2d200; }

.dd-item.dd-heading > .dd3-handle:before, .dd-empty.dd-heading > .dd3-handle:before, .dd-placeholder.dd-heading > .dd3-handle:before { color: #a2d200; }

.dd-item.dd-heading > .dd3-handle:hover, .dd-empty.dd-heading > .dd3-handle:hover, .dd-placeholder.dd-heading > .dd3-handle:hover { background: #e3ff85; }

.dd-item.dd-heading > .dd3-handle:hover:before, .dd-empty.dd-heading > .dd3-handle:hover:before, .dd-placeholder.dd-heading > .dd3-handle:hover:before { color: #7b9f00; }

.dd-item.dd-heading > button:before, .dd-empty.dd-heading > button:before, .dd-placeholder.dd-heading > button:before { color: #a2d200; }

.dd-item.dd-heading > button:hover:before, .dd-empty.dd-heading > button:hover:before, .dd-placeholder.dd-heading > button:hover:before { color: #7b9f00; }

.dd-item .dd3-content, .dd-empty .dd3-content, .dd-placeholder .dd3-content { color: #717171; background: #fcfcfc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-weight: normal; }

.dd-item .dd3-content .controls, .dd-empty .dd3-content .controls, .dd-placeholder .dd3-content .controls { display: inline-block; float: right; position: relative; }

.dd-item .dd3-content .controls a, .dd-empty .dd3-content .controls a, .dd-placeholder .dd3-content .controls a { font-size: 14px; padding: 3px; line-height: 18px; }

.dd-item .dd3-content .controls.open a.dropdown-toggle, .dd-empty .dd3-content .controls.open a.dropdown-toggle, .dd-placeholder .dd3-content .controls.open a.dropdown-toggle { color: #357ebd !important; }

.dd-item .dd3-content .controls.open .dropdown-menu, .dd-empty .dd3-content .controls.open .dropdown-menu, .dd-placeholder .dd3-content .controls.open .dropdown-menu { padding: 10px; }

.dd-item .dd3-content .controls.open .dropdown-menu > li, .dd-empty .dd3-content .controls.open .dropdown-menu > li, .dd-placeholder .dd3-content .controls.open .dropdown-menu > li { position: relative; }

.dd-item .dd3-content .controls.open .dropdown-menu > li > a, .dd-empty .dd3-content .controls.open .dropdown-menu > li > a, .dd-placeholder .dd3-content .controls.open .dropdown-menu > li > a { color: #717171 !important; padding: 5px 10px; }

.dd-item .dd3-content .controls.open .dropdown-menu > li > a:hover, .dd-empty .dd3-content .controls.open .dropdown-menu > li > a:hover, .dd-placeholder .dd3-content .controls.open .dropdown-menu > li > a:hover { color: #357ebd !important; }

.dd-item .dd3-content .controls.open .dropdown-menu > li .controls, .dd-empty .dd3-content .controls.open .dropdown-menu > li .controls, .dd-placeholder .dd3-content .controls.open .dropdown-menu > li .controls { position: absolute; top: 5px; right: 0px; }

.dd-item .dd3-handle, .dd-empty .dd3-handle, .dd-placeholder .dd3-handle { background: #f2f2f2; border-color: #ccc; }

.dd-item .dd3-handle:before, .dd-empty .dd3-handle:before, .dd-placeholder .dd3-handle:before { content: "\f0c9"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #717171; top: 7px; }

.dd-item .dd3-handle:hover, .dd-empty .dd3-handle:hover, .dd-placeholder .dd3-handle:hover { background: #e2e2e2; }

.dd-item .dd3-handle:hover:before, .dd-empty .dd3-handle:hover:before, .dd-placeholder .dd3-handle:hover:before { color: #357ebd; }

.dd-item .dd-handle, .dd-empty .dd-handle, .dd-placeholder .dd-handle { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.dd-item > button:before, .dd-empty > button:before, .dd-placeholder > button:before { content: "\f106"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #717171; line-height: 12px; }

.dd-item > button[data-action="collapse"]:before, .dd-empty > button[data-action="collapse"]:before, .dd-placeholder > button[data-action="collapse"]:before { content: "\f107"; }

.dd-item > button:hover:before, .dd-empty > button:hover:before, .dd-placeholder > button:hover:before { color: #357ebd; }

section.invoice { background-color: white; padding: 50px 100px; color: #717171; }

section.invoice .header { background-color: #2b3543; padding: 50px 100px; margin: -50px -100px; color: white; }

section.invoice .header h3 { margin: 0; padding: 0; margin-bottom: 40px; }

section.invoice .header h4 { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 300; color: rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.05); padding-bottom: 5px; }

section.invoice .header address { font-weight: 300; color: rgba(255, 255, 255, 0.5); font-size: 12px; }

section.invoice .header address strong { color: white; font-size: 18px; }

section.invoice .header .arrow { text-align: center; padding-top: 150px; }

section.invoice .header .arrow .fa { color: rgba(255, 255, 255, 0.15); border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; padding-left: 5px; }

section.invoice .header .total, section.invoice .footer .total { margin: 0; background-color: #3f4e62; width: 65%; min-width: 215px; float: right; padding: 10px; text-align: left; }

section.invoice .header .total dt, section.invoice .footer .total dt { width: auto; float: none; text-align: left; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 300; }

section.invoice .header .total dd, section.invoice .footer .total dd { margin-left: 0px; text-align: right; font-size: 26px; margin-top: 10px; font-weight: 300; }

section.invoice .header .total dd strong, section.invoice .footer .total dd strong { font-weight: 400; }

section.invoice .footer .summary { background-color: #2b3543; padding: 20px; color: white; text-align: right; margin-bottom: 50px; }

section.invoice .footer .summary dl:not(.total) dt { text-align: left; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 300; color: rgba(255, 255, 255, 0.5); width: auto; float: left; }

section.invoice .footer .summary dl:not(.total) dd { text-align: right; margin-left: 0; }

section.invoice .footer .summary .total { float: none; display: inline-block; position: relative; bottom: -20px; right: -20px; }

section.invoice table { margin-top: 13px; margin-bottom: 50px; }

section.invoice table thead tr td, section.invoice table thead tr th, section.invoice table tbody tr td, section.invoice table tbody tr th { text-align: center; }

section.invoice table thead tr td:last-child, section.invoice table thead tr th:last-child, section.invoice table tbody tr td:last-child, section.invoice table tbody tr th:last-child { text-align: right; }

section.invoice table thead tr td.description, section.invoice table thead tr th.description, section.invoice table tbody tr td.description, section.invoice table tbody tr th.description { text-align: left; width: 680px; max-width: 680px; font-weight: 300; }

section.invoice table thead tr td.description strong, section.invoice table thead tr th.description strong, section.invoice table tbody tr td.description strong, section.invoice table tbody tr th.description strong { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 300; }

section.invoice table thead tr th { background-color: #212933; border: 0; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 300; color: rgba(255, 255, 255, 0.5); }

section.invoice table tbody tr:first-child td { border-top: 0; }

section.invoice table tbody tr:last-child td { border-bottom: 1px solid #ddd; }

section.invoice table tbody tr td { white-space: nowrap; }

section.invoice table tbody tr td.description { font-size: 11px; white-space: normal; }

section.invoice table tbody tr td.description strong { font-weight: 700; font-size: 14px; }

section.invoice table tbody tr td.description p { margin: 0; }

@media only screen and (max-width: 1024px) { section.invoice { padding: 50px; }
  section.invoice .header { padding: 50px; margin: -50px; } }

@media only screen and (max-width: 992px) { section.invoice .header .text-right { text-align: left; } }

@media only screen and (max-width: 768px) { section.invoice { padding: 50px 20px; }
  section.invoice .header { padding: 50px 20px; margin: -50px -20px; } }

@media print { section.invoice .header { -webkit-print-color-adjust: exact; background-color: #e2e2e2 !important; }
  section.invoice .header .total, section.invoice .footer .total { -webkit-print-color-adjust: exact; background-color: #d2d2d2 !important; }
  section.invoice .footer .summary { -webkit-print-color-adjust: exact; background-color: #e2e2e2 !important; }
  section.invoice table thead tr th { -webkit-print-color-adjust: exact; background-color: #d2d2d2 !important; } }

/*****************************************/
/************* MAIN SETTINGS *************/
/*****************************************/
html, body { height: 100%; }

html { padding-top: 45px; padding-bottom: 0; overflow: hidden; }

html.mm-opened #wrap > .row #content { position: fixed; left: 0; padding-right: 275px; }

.mm-page { height: 100%; min-height: 100%; }

#wrap { margin: 0; padding: 0 15px; height: 100%; min-height: 100%; }

#wrap > .row { height: 100%; min-height: 100%; }

#wrap #content { padding-bottom: 0; padding-left: 265px; padding-right: 25px; height: 100%; width: 100%; }

#wrap #jeegemcontent { padding-bottom: 0; padding-left: 30%;padding-left: 5%; padding-right: 25px; height: 100%; width: 100%; }

#wrap #content .main { margin: 10px 0; }
#wrap #jeegemcontent .main { margin: 10px 0; }

body { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; }

body.modal-open { overflow: auto; margin-right: 0; }

body.bg-1 { background-image: url(../images/noise.png), url(../images/backgrounds/1.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.bg-2 { background-image: url(../images/noise.png), url(../images/backgrounds/2.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.bg-3 { background-image: url(../images/noise.png), url(../images/backgrounds/3.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.bg-4 { background-image: url(../images/noise.png), url(../images/backgrounds/4.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.bg-5 { background-image: url(../images/noise.png), url(../images/backgrounds/5.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.bg-6 { background-image: url(../images/noise.png), url(../images/backgrounds/6.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; }

body.no-bg { background: none; }

body.solid-bg-1 { background-color: #1693A5; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body.solid-bg-2 { background-color: #FBB829; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body.solid-bg-3 { background-color: #556270; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body.solid-bg-4 { background-color: #2A8FBD; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body.solid-bg-5 { background-color: #D8D8C0; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body.solid-bg-6 { background-color: #7F94B0; background-image: url(../images/noise.png); background-repeat: repeat; background-position: left top; background-size: auto; }

body .navbar-default { border: 0; }

body .navbar-default.navbar-fixed-top, body .navbar-default.navbar-fixed-bottom { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

body .mask { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; z-index: 100000; top: -45px; padding-bottom: 45px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

body .jeegemmask { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; z-index: 100000; top: -45px; padding-bottom: 45px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

body .mask #loader { background: url(../images/loader.gif) center center no-repeat; height: 15px; width: 15px; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px; }

body .jeegemmask #jeegemloader { background: url(../images/loader.gif) center center no-repeat; height: 15px; width: 15px; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px; }

body > .videocontent { position: fixed; z-index: -1; top: -20px; width: 100%; height: 100%; overflow: hidden; padding-bottom: 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

body > .videocontent .video-background { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100% !important; z-index: 0; }

body > .videocontent .video-background video { min-height: 100%; min-width: 100%; }

body > .videocontent .video-background img { min-height: 100%; min-width: 100%; }

body > .videocontent .ui-video-background { display: none; }

.el-reloader { background: url(../images/loader.gif) center center no-repeat; height: 15px; width: 15px; left: 50%; top: 75%; position: absolute; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto Slab", serif; -webkit-font-smoothing: antialiased; }

h1.sans-serif, h2.sans-serif, h3.sans-serif, h4.sans-serif, h5.sans-serif, h6.sans-serif, .h1.sans-serif, .h2.sans-serif, .h3.sans-serif, .h4.sans-serif, .h5.sans-serif, .h6.sans-serif { font-family: "Roboto", "Arial", sans-serif; }

h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline, .h1.underline, .h2.underline, .h3.underline, .h4.underline, .h5.underline, .h6.underline { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 5px; }

h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline, .h1.inline, .h2.inline, .h3.inline, .h4.inline, .h5.inline, .h6.inline { display: inline-block; margin: 0 10px; vertical-align: middle; }

*:before, *:after { -webkit-transform: translateZ(0); }

menu { padding: 0; }

menu button, menu .btn { margin-right: 10px; }

menu button .fa, menu .btn .fa { margin-right: 3px; }

/* printing */
@media print { .no-print, #mmenu, #navbar, .pageheader { display: none !important; }
  #content { padding-left: 0 !important; }
  #jeegemcontent { padding-left: 0 !important; }
  [class*="col-md-"] { float: left; display: inline-block; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666666666666%; }
  .col-md-10 { width: 83.33333333333334%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666666666666%; }
  .col-md-7 { width: 58.333333333333336%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666666666667%; }
  .col-md-4 { width: 33.33333333333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.666666666666664%; }
  .col-md-1 { width: 8.333333333333332%; }
  .visible-md-block, .visible-lg-block { display: block !important; } }

/**********************************/
/************* NAVBAR *************/
/**********************************/
.navbar { min-height: 45px; height: 45px; }

.navbar.navbar-default { border: 0; }

.navbar.navbar-transparent-white { background-color: rgba(255, 255, 255, 0.1); }

.navbar.navbar-transparent-white .navbar-header { background-color: rgba(255, 255, 255, 0.1); }

.navbar.navbar-transparent-black { background-color: rgba(0, 0, 0, 0.1); }

.navbar.navbar-transparent-black .navbar-header { background-color: rgba(0, 0, 0, 0.05); }

.navbar .navbar-header { width: 250px; position: relative; z-index: 99; }

.navbar .navbar-header .navbar-brand { font-weight: 300; font-size: 18px; font-family: "Roboto Condensed", sans-serif; color: white; padding: 0; padding-left: 20px; height: 45px; line-height: 45px; background: url(../images/minimal-logo.png) no-repeat 0 16px; }

.navbar .navbar-header .navbar-brand img { vertical-align: top; }

.navbar .navbar-header .sidebar-collapse { display: inline-block; float: right; line-height: 43px; }

.navbar .navbar-header .sidebar-collapse a { font-size: 18px; line-height: 45px; color: #f2f2f2; }

.navbar .navbar-header .sidebar-collapse a:hover { color: white; }

.navbar .navbar-nav > li > a { color: rgba(255, 255, 255, 0.7); line-height: 45px; padding: 0 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: white; }

.navbar .navbar-nav > li.divided > a { display: inline-block; vertical-align: top; }

.navbar .navbar-nav > li.divided:after { content: ""; display: inline-block; width: 1px; height: 30px; background-color: rgba(0, 0, 0, 0.15); margin-top: 7px; margin-left: -3px; vertical-align: top; position: absolute; top: 0; right: 0; }

.navbar .navbar-nav.quick-actions { float: right; }

.navbar .navbar-nav.quick-actions > li { display: inline-block; float: none; vertical-align: top; }

.navbar .navbar-nav.quick-actions .label { font-size: 10px; margin-left: 5px; vertical-align: middle; }

.navbar .navbar-nav.quick-actions .user .profile-photo { display: inline-block; width: 45px; vertical-align: top; overflow: hidden; margin-left: 15px; }

.navbar .navbar-nav.quick-actions .user .profile-photo img { width: 100%; }

.navbar .navbar-nav.quick-actions .user > a { font-size: 12px; }

.navbar .navbar-nav.quick-actions .user > a > i { margin-left: 10px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a { color: #717171; font-size: 12px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a .task-info .desc { font-size: 12px; color: rgba(113, 113, 113, 0.65); margin-bottom: 3px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a .task-info .percent { padding-left: 10px; margin-top: -4px; display: inline-block; font-weight: 700; float: right; font-size: 12px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a .progress { margin-bottom: 10px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a .small { float: right; color: #bebebe; margin-top: 3px; font-weight: 300; font-size: 9px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a:hover, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li > a:focus { background-color: #f2f2f2; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li:last-child > a { font-size: 12px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu > li:last-child > a i { font-size: 14px; float: right; line-height: 17px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li { display: block; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a { margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #f2f2f2; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .profile-photo { width: 35px; display: inline-block; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .profile-photo img { width: 100%; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.cyan { background-color: rgba(34, 190, 239, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.cyan:hover { background-color: rgba(34, 190, 239, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.green { background-color: rgba(162, 210, 0, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.green:hover { background-color: rgba(162, 210, 0, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.orange { background-color: rgba(255, 193, 0, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.orange:hover { background-color: rgba(255, 193, 0, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.red { background-color: rgba(255, 74, 67, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.red:hover { background-color: rgba(255, 74, 67, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.amethyst { background-color: rgba(205, 151, 235, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.amethyst:hover { background-color: rgba(205, 151, 235, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.greensea { background-color: rgba(22, 160, 133, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.greensea:hover { background-color: rgba(22, 160, 133, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.dutch { background-color: rgba(22, 147, 165, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.dutch:hover { background-color: rgba(22, 147, 165, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.drank { background-color: rgba(164, 7, 120, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.drank:hover { background-color: rgba(164, 7, 120, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.hotpink { background-color: rgba(255, 0, 102, 0.1); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a.hotpink:hover { background-color: rgba(255, 0, 102, 0.2); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a:hover { background-color: #eaeaea; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .message-info { vertical-align: top; display: inline-block; font-size: 11px; margin-left: 5px; width: 265px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .message-info .sender { font-weight: 700; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .message-info .time { float: right; font-weight: 300; font-size: 9px; color: #bebebe; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li > a .message-info .message-content { white-space: normal; margin-top: 5px; color: #a4a4a4; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li:last-child > a { margin: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background-color: transparent; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.messages > li:last-child > a:hover { background-color: #f2f2f2; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border: 0; padding: 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings .videobg-check { min-height: 15px; margin-bottom: -10px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings .videobg-check:before, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings .videobg-check:after { display: table; content: " "; clear: both; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings .videobg-check .control-label { padding-left: 10px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li { display: block; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li > a { padding: 5px 10px; font-size: 12px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li > a i { font-size: 14px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li h3 { padding: 0; margin: 5px 10px; font-size: 12px; font-family: "Roboto", "Arial", sans-serif; color: #717171; font-weight: 400; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds { margin: 10px; text-align: center; list-style-type: none; padding: 0; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li { width: 17px; text-align: center; display: inline-block; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li.title, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li.title { display: block; font-size: 12px; width: 100%; text-align: left; color: #717171; line-height: 22px; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a { display: inline-block; width: 70%; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a:hover, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a:hover { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-1, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-1 { background: url(../images/backgrounds/thumbs/1.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-2, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-2 { background: url(../images/backgrounds/thumbs/2.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-3, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-3 { background: url(../images/backgrounds/thumbs/3.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-4, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-4 { background: url(../images/backgrounds/thumbs/4.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-5, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-5 { background: url(../images/backgrounds/thumbs/5.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.bg-6, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.bg-6 { background: url(../images/backgrounds/thumbs/6.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-1, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-1 { background-color: #1693A5; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-2, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-2 { background-color: #FBB829; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-3, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-3 { background-color: #556270; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-4, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-4 { background-color: #2A8FBD; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-5, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-5 { background-color: #D8D8C0; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.solid-bg-6, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.solid-bg-6 { background-color: #7F94B0; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-1, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-1 { background: url(../images/backgrounds/video/thumbs/1.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-2, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-2 { background: url(../images/backgrounds/video/thumbs/2.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-3, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-3 { background: url(../images/backgrounds/video/thumbs/3.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-4, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-4 { background: url(../images/backgrounds/video/thumbs/4.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-5, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-5 { background: url(../images/backgrounds/video/thumbs/5.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-6, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-6 { background: url(../images/backgrounds/video/thumbs/6.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-7, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-7 { background: url(../images/backgrounds/video/thumbs/7.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-8, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-8 { background: url(../images/backgrounds/video/thumbs/8.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-9, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-9 { background: url(../images/backgrounds/video/thumbs/9.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #color-schemes > li > a.video-bg-10, .navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li #videobackgrounds > li > a.video-bg-10 { background: url(../images/backgrounds/video/thumbs/10.jpg) center center no-repeat; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings > li .form-group label { color: #717171; font-size: 12px; font-weight: 400; }

.navbar .navbar-nav.quick-actions .dropdown .dropdown-menu.settings.arrow:before { border-bottom-color: white; left: 134px; }

.navbar .navbar-nav.quick-actions .dropdown.open > a, .navbar .navbar-nav.quick-actions .dropdown.open > a:focus, .navbar .navbar-nav.quick-actions .dropdown.open > a:hover { background-color: transparent; color: white; }

.navbar .search { display: inline-block; margin-left: 15px; }

.navbar .search i { line-height: 45px; margin-right: 10px; color: rgba(255, 255, 255, 0.7); }

.navbar .search input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px; color: rgba(0, 0, 0, 0.4); background: none; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-appearance: none !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; vertical-align: middle; min-height: 28px; padding: 0; }

.navbar .search input:focus { outline: none; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; }

.navbar .search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); }

.navbar .search input:-moz-placeholder { color: rgba(0, 0, 0, 0.3); }

.navbar .search input::-moz-placeholder { color: rgba(0, 0, 0, 0.3); }

.navbar .search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); }

.navbar.collapsed .navbar-header { width: 40px; }

.navbar.collapsed .navbar-header .navbar-brand { display: none; }

.navbar.collapsed .navbar-header .sidebar-collapse a { margin-left: 2px; }

/***********************************/
/************* SIDEBAR *************/
/***********************************/
.navbar-nav.side-nav { width: 250px; position: fixed; margin-top: 45px; padding-bottom: 0; top: 0; height: 100%; border-radius: 0; border: none; overflow-y: auto; z-index: 1; }

.navbar-nav.side-nav > *:last-child { margin-bottom: 90px; }

.navbar-nav.side-nav > li { float: none; }

.navbar-nav.side-nav > li.collapsed { height: 45px; overflow: hidden; background-color: rgba(0, 0, 0, 0.05); }

.navbar-nav.side-nav > li.collapsed > a > i:before { content: "\f107"; }

.navbar-nav.side-nav > li.collapsed-content { display: none; }

.navbar-nav.side-nav > li.collapsed-content > ul { margin: 0; padding: 0; list-style-type: none; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.search { margin-left: 0; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.search input { width: 190px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user { margin: 15px 0; text-align: center; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user .profile-photo { width: 70px; overflow: hidden; margin: 10px auto; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user .profile-photo img { width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 3px solid white; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > a { color: rgba(255, 255, 255, 0.9); font-size: 12px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > a:hover, .navbar-nav.side-nav > li.collapsed-content > ul > li.user > a:focus { color: white; text-decoration: none; background-color: transparent; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > a i { margin-left: 5px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border: 0; padding: 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; left: 50px; top: 120px; text-align: left; width: 130px; min-width: 130px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li { display: block; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li > a { padding: 5px 10px; font-size: 12px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li > a i { font-size: 14px; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li h3 { padding: 0; margin: 5px 10px; font-size: 12px; font-family: "Roboto", "Arial", sans-serif; color: #717171; font-weight: 400; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes { margin: 10px; text-align: center; list-style-type: none; padding: 0; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li { width: 13px; text-align: center; display: inline-block; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a { display: inline-block; width: 70%; height: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a:hover { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-1 { background: url(../images/backgrounds/thumbs/1.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-2 { background: url(../images/backgrounds/thumbs/2.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-3 { background: url(../images/backgrounds/thumbs/3.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-4 { background: url(../images/backgrounds/thumbs/4.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-5 { background: url(../images/backgrounds/thumbs/5.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li #color-schemes > li > a.bg-6 { background: url(../images/backgrounds/thumbs/6.jpg) center center no-repeat; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings > li .form-group label { color: #717171; font-size: 12px; font-weight: 400; }

.navbar-nav.side-nav > li.collapsed-content > ul > li.user > .settings.arrow:before { border-bottom-color: white; left: 55px; }

.navbar-nav.side-nav > li > a.sidebar-toggle { font-family: "Roboto Condensed", sans-serif; font-size: 11px; color: rgba(0, 0, 0, 0.3); text-transform: uppercase; font-weight: 700; }

.navbar-nav.side-nav > li > a.sidebar-toggle > i { font-size: 14px; line-height: 45px; float: right; }

.navbar-nav.side-nav > li > a.sidebar-toggle:hover { color: rgba(0, 0, 0, 0.4); }

.navbar-nav.side-nav > li > a.sidebar-toggle.underline { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0; margin: 0 15px; }

.navbar-nav.side-nav > li.navigation .menu { list-style-type: none; padding: 0; margin: 0; }

.navbar-nav.side-nav > li.navigation .menu > li > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a { display: inline-block; line-height: 40px; padding: 0 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 12px; color: rgba(255, 255, 255, 0.9); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); width: 100%; position: relative; z-index: 2; font-weight: 700; }

.navbar-nav.side-nav > li.navigation .menu > li > a > i, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a > i { font-size: 14px; margin-right: 8px; width: 15px; display: inline-block; text-align: center; }

.navbar-nav.side-nav > li.navigation .menu > li > a > b.dropdown-plus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a > b.dropdown-plus { float: right; line-height: 40px; color: rgba(0, 0, 0, 0.2); }

.navbar-nav.side-nav > li.navigation .menu > li > a:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a:after { content: ""; display: inline-block; width: 3px; height: 39px; background: linear; background: linear; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.navbar-nav.side-nav > li.navigation .menu > li > a:hover, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a:hover { text-decoration: none; color: white; }

.navbar-nav.side-nav > li.navigation .menu > li > a:hover:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a:hover:after { background: linear; background: linear; width: 100%; }

.navbar-nav.side-nav > li.navigation .menu > li > a:focus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a:focus { text-decoration: none; }

.navbar-nav.side-nav > li.navigation .menu > li > a .badge, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a .badge { position: absolute; top: 8px; left: 23px; z-index: 9; font-size: 9px; padding: 2px 4px; }

.navbar-nav.side-nav > li.navigation .menu > li > a .label, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown > a .label { position: absolute; top: 12px; right: 10px; z-index: 9; font-size: 10px; padding: 3px 5px 2px 5px; }

.navbar-nav.side-nav > li.navigation .menu > li.active > a, .navbar-nav.side-nav > li.navigation .menu > li.active > a:hover, .navbar-nav.side-nav > li.navigation .menu > li.active > a:focus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a:hover, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a:focus { text-decoration: none; color: white; text-shadow: none; }

.navbar-nav.side-nav > li.navigation .menu > li.active > a:after, .navbar-nav.side-nav > li.navigation .menu > li.active > a:hover:after, .navbar-nav.side-nav > li.navigation .menu > li.active > a:focus:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a:hover:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.active > a:focus:after { background: rgba(0, 0, 0, 0.2) !important; width: 100%; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown > a .label, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown > a .label { right: 30px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > a { text-decoration: none; color: white; background-color: transparent; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > a b.dropdown-plus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > a b.dropdown-plus { color: white; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > a b.dropdown-plus:before, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > a b.dropdown-plus:before { content: "\f068"; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > a:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > a:after { background: linear; background: linear; width: 100%; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu { float: none; position: relative; min-width: 250px; margin: 0; padding: 0; border: none; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; z-index: 1; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a { display: inline-block; line-height: 30px; padding: 0 30px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 12px; color: rgba(255, 255, 255, 0.9); width: 100%; -webkit-transition: none; -moz-transition: none; transition: none; font-weight: 500; position: relative; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a > i, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a > i { margin-right: 3px; width: 15px; text-align: center; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a:hover, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a:hover { background: transparent; color: #418bca; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a .badge, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a .badge { position: absolute; top: 9px; right: 12px; z-index: 9; font-size: 9px; padding: 2px 4px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a .label, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown) a .label { position: absolute; top: 8px; right: 12px; z-index: 9; font-size: 10px; padding: 3px 5px 2px 5px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li:not(.dropdown).active a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li:not(.dropdown).active a { background: transparent; color: #418bca; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a { line-height: 30px; padding-left: 30px; font-size: 12px; color: rgba(255, 255, 255, 0.9); font-weight: 500; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a > i, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a > i { margin-right: 3px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a > b.dropdown-plus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a > b.dropdown-plus { line-height: 30px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a:after, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a:after { height: 29px; left: -3px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a:hover, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a:focus, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a:hover, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a:focus { background-color: transparent; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a { padding-left: 40px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a { padding-left: 50px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a { padding-left: 60px; }

.navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a + .dropdown-menu > li:not(.dropdown) > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li.dropdown > a, .navbar-nav.side-nav > li.navigation .menu > li > .dropdown-menu .dropdown.dropdown.open > ul.dropdown-menu > li.dropdown a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a + .dropdown-menu > li:not(.dropdown) > a { padding-left: 70px; }

.navbar-nav.side-nav > li.summary .media { padding: 0 15px; }

.navbar-nav.side-nav > li.summary .media .media-body { font-family: "Roboto Condensed", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; }

.navbar-nav.side-nav > li.summary .media .media-body h3 { font-family: "Roboto", "Arial", sans-serif; font-size: 22px; color: rgba(255, 255, 255, 0.7); font-weight: 400; }

.navbar-nav.side-nav > li.settings .form-group { padding: 15px 0 10px 0; }

.navbar-nav.side-nav > li.settings .form-group > label { color: rgba(255, 255, 255, 0.7); font-weight: 400; }

.navbar-nav.side-nav > li.settings .form-group .onoffswitch { right: -10px; }

.navbar-nav.side-nav > li.settings .form-group .onoffswitch .onoffswitch-label { filter: alpha(opacity=40); opacity: 0.4; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.navbar-nav.side-nav > li.settings .form-group .onoffswitch-checkbox:checked + .onoffswitch-label { filter: alpha(opacity=100); opacity: 1; }

.navbar-nav.side-nav.collapsed { width: 40px; }

.navbar-nav.side-nav.collapsed > li.settings, .navbar-nav.side-nav.collapsed > li.summary { display: none; }

.navbar-nav.side-nav.collapsed > li.navigation .sidebar-toggle { display: none; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li { max-height: 40px; max-width: 40px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a { width: 40px; white-space: nowrap; overflow: hidden; padding: 0 12px; -webkit-transition: none; -moz-transition: none; transition: none; position: relative; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a i { margin-right: 10px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a b { display: none; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a .badge { left: 20px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a .label { display: none; right: 10px !important; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered { max-width: 250px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > a { width: 250px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > a:after { width: 100%; background: #1d2833; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > a .label { display: block; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered.active > a { text-decoration: none; color: white; text-shadow: none; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered.active > a:after { background: #1d2833 !important; width: 100%; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu { display: block; left: 40px; top: 37px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; width: 210px; background: #263543; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li { position: relative; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li > a { color: rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 24px; position: relative; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li > a i { font-size: 14px; margin-right: 3px; width: 15px; text-align: center; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li > a:hover { background-color: transparent; color: #418bca; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li > a .badge { position: absolute; top: 9px; right: 12px; z-index: 9; font-size: 9px; padding: 2px 4px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li > a .label { position: absolute; top: 8px; right: 12px; z-index: 9; font-size: 10px; padding: 3px 5px 2px 5px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown > a { color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 400; -webkit-transition: none; -moz-transition: none; transition: none; padding: 3px 20px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown > a > b.dropdown-plus { line-height: 24px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown > a:after { display: none; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown.hovered > a { color: #418bca; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown.hovered > a > b.dropdown-plus { color: white; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.dropdown.hovered > a + .dropdown-menu { display: block; position: absolute; left: 100%; top: -10px; background-color: #263543; width: 210px; }

.navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.active > a, .navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.active > a:hover, .navbar-nav.side-nav.collapsed > li.navigation > ul > li.hovered > .dropdown-menu li.active > a:focus { background-color: transparent; color: #418bca; }

.navbar-nav.side-nav.collapsed.open { width: 100%; }

/*********************************/
/************* FORMS *************/
/*********************************/
.form-control { -webkit-appearance: none !important; color: #717171; outline: 0; height: 16px; padding: 6px 11px; line-height: 18px; font-size: 13px; vertical-align: top; background-color: #fff; min-height: 37px; filter: none !important; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; /* sizing */ /*parsley */ }

.form-control:focus { outline: none; border: 1px solid #b2b2b2; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); }

.form-control.input-lg { height: 46px; padding: 10px 16px !important; font-size: 18px; line-height: 1.33; }

.form-control.input-sm { height: 25px; min-height: 30px; padding: 5px 10px !important; font-size: 11px; line-height: 1.5; }

.form-control.parsley-validated { position: relative; }

.form-control.parsley-validated.parsley-error { background-color: #ffdddc; border: 1px solid #ffaca9; }

.form-control.parsley-validated.parsley-success { background-color: #fbffeb; border: 1px solid #e9ff9f; }

.checkbox input[type=checkbox].parsley-error + label::before { background-color: #ffdddc; border: 1px solid #ffaca9; }

.checkbox input[type=checkbox].parsley-success + label::before { background-color: #fbffeb; border: 1px solid #e9ff9f; }

.parsley-error-list { list-style-type: none; padding: 0; font-size: 11px; }

textarea { height: auto; }

.help-block { font-size: 11px; color: #bebebe; }

.form-group.form-footer { margin-bottom: -15px; padding: 15px 0; background-color: #f2f2f2; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.form-group.legend h4 { color: #418bca; margin-bottom: 3px; }

.form-group.legend p { font-size: 12px; color: #bebebe; border-bottom: 1px dotted #cacaca; padding-bottom: 5px; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #e8e8e8; border: 0; }

.form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus { background-color: #e8e8e8; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; }

div.checkbox { margin: 5px 0; }

div.checkbox.check-transparent input[type=checkbox] + label:before { background-color: rgba(0, 0, 0, 0.2); border: 0; -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); }

div.checkbox.check-transparent input[type=checkbox]:checked + label:before { background-color: white; -webkit-box-shadow: none; box-shadow: none; border: 0; }

div.checkbox.check-transparent input[type=checkbox]:checked + label::after { color: #717171; }

div.checkbox.check-transparent label { color: rgba(255, 255, 255, 0.5); }

div.checkbox.check-transparent input[type=checkbox]:checked + label { color: white; }

div.checkbox.check-transparent input[type=checkbox].parsley-error + label::before { background-color: rgba(255, 74, 67, 0.2); border: 1px solid rgba(255, 74, 67, 0.5); }

div.checkbox.check-transparent input[type=checkbox].parsley-error + label::after { color: white; }

div.checkbox.check-transparent input[type=checkbox].parsley-success + label::before { background-color: rgba(162, 210, 0, 0.2); border: 1px solid rgba(162, 210, 0, 0.5); }

div.checkbox.check-transparent input[type=checkbox].parsley-success + label::after { color: white; }

div.checkbox label { margin: 0; line-height: 24px; }

div.checkbox label:before { width: 20px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

div.checkbox label:after { width: 20px; height: 20px; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

div.checkbox label.done { text-decoration: line-through; }

div.radio.radio-transparent input[type=radio] + label:before { background-color: rgba(0, 0, 0, 0.2); border: 0; -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); }

div.radio.radio-transparent input[type=radio]:checked + label:before { background-color: white; -webkit-box-shadow: none; box-shadow: none; border: 0; }

div.radio.radio-transparent input[type=radio]:checked + label::after { color: #717171; }

div.radio.radio-transparent label { color: rgba(255, 255, 255, 0.5); }

div.radio.radio-transparent input[type=radio]:checked + label { color: white; }

div.radio.radio-transparent input[type=radio].parsley-error + label::before { background-color: rgba(255, 74, 67, 0.2); border: 1px solid rgba(255, 74, 67, 0.5); }

div.radio.radio-transparent input[type=radio].parsley-error + label::after { color: white; }

div.radio.radio-transparent input[type=radio].parsley-success + label::before { background-color: rgba(162, 210, 0, 0.2); border: 1px solid rgba(162, 210, 0, 0.5); }

div.radio.radio-transparent input[type=radio].parsley-success + label::after { color: white; }

.chosen-container { width: 100% !important; }

select.form-control + .chosen-container.chosen-container-single .chosen-single { -webkit-appearance: none !important; color: #717171; outline: 0; height: 16px; padding: 6px 11px; line-height: 18px; font-size: 13px; vertical-align: top; background-color: #fff; min-height: 37px; filter: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

select.form-control + .chosen-container.chosen-container-single .chosen-single span { line-height: 24px; }

select.form-control + .chosen-container.chosen-container-single .chosen-single div { top: 7px; }

select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single { outline: none; border: 1px solid #b2b2b2; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) !important; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }

select.form-control.parsley-error + .chosen-container.chosen-container-single .chosen-single { background-color: #ffdddc; border: 1px solid #ffaca9; }

select.form-control.parsley-success + .chosen-container.chosen-container-single .chosen-single { background-color: #fbffeb; border: 1px solid #e9ff9f; }

select.form-control + .chosen-container-multi .chosen-choices { -webkit-appearance: none !important; color: #717171; outline: 0; height: 16px; padding: 6px 11px !important; line-height: 18px; font-size: 13px; vertical-align: top; background-color: #fff; min-height: 37px; filter: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

select.form-control + .chosen-container-multi .chosen-choices .search-field input { padding: 0 !important; margin: 3px 0; min-height: initial; color: inherit; font-size: 14px; -webkit-font-smoothing: antialiased; }

select.form-control + .chosen-container-multi .chosen-choices .search-field input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }

select.form-control + .chosen-container-multi .chosen-choices .search-choice { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 11px; line-height: 18px; }

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices { outline: none; border: 1px solid #b2b2b2; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) !important; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }

select.form-control.parsley-error + .chosen-container-multi .chosen-choices { background-color: #ffdddc; border: 1px solid #ffaca9; }

select.form-control.parsley-success + .chosen-container-multi .chosen-choices { background-color: #fbffeb; border: 1px solid #e9ff9f; }

select.form-control.form-control.chosen-transparent + .chosen-container-multi .chosen-choices { background-color: rgba(0, 0, 0, 0.3); border: 0; color: rgba(255, 255, 255, 0.8); }

select.form-control.form-control.chosen-transparent + .chosen-container-multi .chosen-choices .search-choice { border-radius: 2px; border: 0; color: #717171; background-color: white; font-size: 11px; line-height: 18px; -webkit-box-shadow: none !important; box-shadow: none !important; }

select.form-control.form-control.chosen-transparent + .chosen-container-multi .chosen-choices .search-field input { line-height: 18px; min-height: 18px; color: rgba(255, 255, 255, 0.8) !important; }

select.form-control.form-control.chosen-transparent + .chosen-container-multi.chosen-container-active .chosen-choices { background-color: rgba(0, 0, 0, 0.5); }

select.form-control.chosen-transparent.parsley-error + .chosen-container-multi .chosen-choices { background-color: rgba(255, 74, 67, 0.2); border: 1px solid rgba(255, 74, 67, 0.5); }

select.form-control.chosen-transparent.parsley-success + .chosen-container-multi .chosen-choices { background-color: rgba(162, 210, 0, 0.2); border: 1px solid rgba(162, 210, 0, 0.5); }

select.form-control.chosen-transparent + .chosen-container.chosen-container-single .chosen-single { background-color: rgba(0, 0, 0, 0.3); border: 0; color: rgba(255, 255, 255, 0.8); }

select.form-control.chosen-transparent + .chosen-container.chosen-container-single .chosen-single div b { background: url(../images/chosen-sprite-transparent.png) no-repeat 0 2px; }

select.form-control.chosen-transparent + .chosen-container.chosen-container-single.chosen-container-active .chosen-single { background-color: rgba(0, 0, 0, 0.5); }

select.form-control.chosen-transparent.parsley-error + .chosen-container.chosen-container-single .chosen-single { background-color: rgba(255, 74, 67, 0.2); border: 1px solid rgba(255, 74, 67, 0.5); }

select.form-control.chosen-transparent.parsley-success + .chosen-container.chosen-container-single .chosen-single { background-color: rgba(162, 210, 0, 0.2); border: 1px solid rgba(162, 210, 0, 0.5); }

select.form-control + .chosen-container .chosen-drop { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

select.form-control + .chosen-container .chosen-results { font-size: 13px; color: #717171; }

select.form-control.input-sm + .chosen-container .chosen-single { min-height: 30px; font-size: 11px; }

select.form-control.input-sm + .chosen-container .chosen-single span { line-height: 20px; }

select.form-control.input-sm + .chosen-container .chosen-single div { top: 4px; }

select.form-control.input-sm + .chosen-container .chosen-choices { min-height: 30px; padding: 3px 11px !important; }

select.form-control.input-sm + .chosen-container .chosen-choices .search-field input { font-size: 11px; line-height: 20px; }

select.form-control.input-lg + .chosen-container .chosen-single { min-height: 46px; font-size: 18px; }

select.form-control.input-lg + .chosen-container .chosen-single span { line-height: 34px; }

select.form-control.input-lg + .chosen-container .chosen-single div { top: 12px; }

select.form-control.input-lg + .chosen-container .chosen-choices { min-height: 46px; padding: 3px 11px !important; }

select.form-control.input-lg + .chosen-container .chosen-choices .search-field input { font-size: 18px; line-height: 34px; min-height: 34px; }

.input-group .input-group-btn .btn { line-height: 23px; min-height: 37px; min-width: 37px; }

.input-group.input-group-lg > .form-control, .input-group.input-group-lg > .input-group-addon, .input-group.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; }

.input-group.input-group-sm > .form-control, .input-group.input-group-sm > .input-group-addon, .input-group.input-group-sm > .input-group-btn > .btn { height: 25px; min-height: 30px; font-size: 11px; line-height: 1.5; }

.input-group .input-group-addon { border-color: rgba(0, 0, 0, 0.1); }

.input-group .input-group-addon.addon-red { background-color: #ff7b76; color: white; }

.input-group .input-group-addon.addon-green { background-color: #a2d200; color: white; }

.input-group .input-group-addon.addon-cyan { background-color: #52ccf2; color: white; }

.input-group .input-group-addon.addon-orange { background-color: #ffcd33; color: white; }

.input-group .input-group-addon.addon-amethyst { background-color: #cd97eb; color: white; }

.input-group .input-group-addon.addon-greensea { background-color: #1ccdaa; color: white; }

.input-group .input-group-addon.addon-drank { background-color: #d5099c; color: white; }

.input-group .input-group-addon.addon-dutch { background-color: #1cbbd2; color: white; }

.input-group .input-group-addon.addon-hotpink { background-color: #ff3385; color: white; }

.input-group .input-group-addon.addon-redbrown { background-color: #e27d79; color: white; }

.input-group .input-group-addon.addon-blue { background-color: #69a3d5; color: white; }

.input-group .input-group-addon.addon-slategray { background-color: #536781; color: white; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

/*********************************/
/************* TILES *************/
/*********************************/
.tile { position: relative; margin-bottom: 20px; color: #717171; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); }

.tile.transparent { background-color: transparent; }

.tile.transparent [class^="tile-"] { background-color: white; }

.tile.transparent [class^="tile-"].transparent { background-color: transparent; }

.tile.minimized .tile-header { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; }

.tile.minimized .tile-header .controls .minimize { filter: alpha(opacity=100); opacity: 1; }

.tile.minimized .tile-header .controls .minimize:hover { filter: alpha(opacity=40); opacity: 0.4; }

.tile.minimized .tile-header .controls .minimize i:before { content: "\f077"; }

.tile.minimized [class^="tile-"]:not(.tile-header) { height: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; }

.tile.minimized.transparent { -webkit-box-shadow: none !important; box-shadow: none !important; }

.tile.minimized.transparent .tile-header { -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; }

.tile.no-shadow { -webkit-box-shadow: none; box-shadow: none; }

.tile.nopadding { padding: 0; }

.tile.left-nav { display: table; }

.tile.left-nav .tile-body { margin-left: 50px; width: 100%; display: table-cell; vertical-align: top; }

.tile.right-nav .tile-body { margin-right: 50px; width: 100%; display: table-cell; vertical-align: top; position: relative; z-index: 9; }

.tile .controls a { color: rgba(0, 0, 0, 0.2); }

.tile .controls a:hover { color: rgba(0, 0, 0, 0.4); }

.tile a.white { color: rgba(255, 255, 255, 0.7); }

.tile a.white:hover { color: white; }

.tile a.maincolor { color: inherit !important; }

.tile a.maincolor:hover { color: inherit !important; }

.tile .tile-left-side, .tile .tile-right-side { display: table-cell; background-color: rgba(0, 0, 0, 0.3); }

.tile .tile-left-side .nav.nav-tabs, .tile .tile-left-side .nav.nav-pills, .tile .tile-right-side .nav.nav-tabs, .tile .tile-right-side .nav.nav-pills { background-color: transparent; }

.tile .tile-navbar { list-style-type: none; padding: 5px 0; margin: -15px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.tile .tile-navbar > li { display: inline-block; font-size: 11px; padding: 0 15px; border-right: 1px solid rgba(255, 255, 255, 0.05); line-height: 34px; }

.tile .tile-navbar > li:first-child { padding-left: 0; }

.tile .tile-navbar > li:last-child { padding-right: 0; border: 0; }

.tile .tile-navbar > li .checkbox { margin: 0 !important; padding-left: 20px; }

.tile .tile-navbar > li > a { color: rgba(255, 255, 255, 0.7); }

.tile .tile-navbar > li > a.disabled, .tile .tile-navbar > li > a.disabled:hover, .tile .tile-navbar > li > a.disabled:focus { color: rgba(255, 255, 255, 0.15); text-decoration: none; cursor: not-allowed; }

.tile .tile-navbar > li > a:hover { color: white; text-decoration: none; }

.tile .tile-navbar > li > a i { font-size: 14px; }

.tile .tile-navbar > li.filters { float: right; padding-right: 15px; }

.tile .tile-navbar > li.filters > a { padding: 5px 15px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 12px; margin: 0 2px; }

.tile .tile-navbar > li.filters > a.active { background-color: white; border-color: white; color: #717171; }

.tile .tile-header { padding: 15px; position: relative; }

.tile .tile-header h1, .tile .tile-header h2, .tile .tile-header h3 { padding: 0; margin: 0; display: inline-block; font-weight: 400; font-size: 24px; line-height: 28px; }

.tile .tile-header h1.small-uppercase, .tile .tile-header h2.small-uppercase, .tile .tile-header h3.small-uppercase { font-size: 13px; text-transform: uppercase; line-height: 26px; }

.tile .tile-header h2 { font-size: 20px; line-height: 24px; }

.tile .tile-header h3 { font-size: 16px; line-height: 20px; }

.tile .tile-header .note { display: inline-block; padding: 2px 5px; background-color: rgba(0, 0, 0, 0.2); font-size: 11px; color: white; margin-left: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; position: relative; top: -2px; margin-top: 5px; }

.tile .tile-header .search { display: inline-block; float: right; }

.tile .tile-header .search input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px !important; color: rgba(0, 0, 0, 0.6) !important; background: none !important; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; -webkit-appearance: none !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; min-height: 28px; padding: 0 !important; line-height: 32px !important; }

.tile .tile-header .search input:focus { outline: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.tile .tile-header .search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.tile .tile-header .search input:-moz-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.tile .tile-header .search input::-moz-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.tile .tile-header .search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4) !important; }

.tile .tile-header button, .tile .tile-header .btn { padding: 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.tile .tile-header .btn-group button.btn-default, .tile .tile-header .btn-group .btn.btn-default { border: 1px solid #ccc !important; }

.tile .tile-header .btn-group button:first-child, .tile .tile-header .btn-group .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.tile .tile-header .btn-group button:last-child, .tile .tile-header .btn-group .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }

.tile .tile-header .btn-group button:not(:first-child):not(:last-child), .tile .tile-header .btn-group .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.tile .tile-header .btn-group button + .btn, .tile .tile-header .btn-group .btn + .btn { margin-left: -1px; }

.tile .tile-header .controls { display: inline-block; position: absolute; right: 5px; top: 5px; font-size: 11px; z-index: 99; }

.tile .tile-header .controls a { padding: 3px; opacity: .4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.tile .tile-header .controls a:hover { opacity: .8; }

.tile .tile-header.transparent { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 15px; color: white; }

.tile .tile-header.transparent .controls a { color: rgba(0, 0, 0, 0.4); }

.tile .tile-header.transparent .controls a:hover { color: rgba(0, 0, 0, 0.7); }

.tile .tile-widget { padding: 15px; }

.tile .tile-widget h2 { margin: 5px 0; color: white; font-size: 24px; }

.tile .tile-widget .description { font-size: 11px; font-weight: 300; }

.tile .tile-body { padding: 15px; position: relative; }

.tile .tile-body .inner-container { margin-top: 15px; }

.tile .tile-body .inner-container.inline { display: inline-block; }

.tile .tile-body.example [class^="col-"] { padding: 10px 15px; background-color: white; color: #717171; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.tile .tile-body.example .row { margin: 0; margin-bottom: 10px; }

.tile .tile-footer { padding: 10px 15px; }

.tile [class^="tile-"] { position: relative; background-color: transparent; }

.tile [class^="tile-"].border-top { border-top: 1px solid rgba(0, 0, 0, 0.05); }

.tile [class^="tile-"].paddingtop { padding: 15px 0 0 0; }

.tile [class^="tile-"].nopadding { padding: 0; }

.tile [class^="tile-"].no-vpadding { padding: 0 15px !important; }

.tile [class^="tile-"].no-hpadding { padding: 15px 0 !important; }

.tile [class^="tile-"] .watermark { color: rgba(255, 255, 255, 0.1); font-size: 150px; position: absolute; top: 15px; left: 50%; }

.tile [class^="tile-"].color { color: #fafafa; }

.tile [class^="tile-"].color .controls a { color: #f2f2f2; }

.tile [class^="tile-"].color .controls a:hover { color: white !important; }

.tile [class^="tile-"].color h1 { color: white; }

.tile [class^="tile-"].color .form-group .help-block { color: white; }

.tile [class^="tile-"].color.red { background-color: #ff7b76; }

.tile [class^="tile-"].color.cyan { background-color: #52ccf2; }

.tile [class^="tile-"].color.green { background-color: #a2d200; }

.tile [class^="tile-"].color.orange { background-color: #ffcd33; }

.tile [class^="tile-"].color.amethyst { background-color: #e2c2f3; }

.tile [class^="tile-"].color.greensea { background-color: #1ccdaa; }

.tile [class^="tile-"].color.dutch { background-color: #1cbbd2; }

.tile [class^="tile-"].color.hotpink { background-color: #ff3385; }

.tile [class^="tile-"].color.drank { background-color: #d5099c; }

.tile [class^="tile-"].color.slategray { background-color: #3f4e62; }

.tile [class^="tile-"].color.blue { background-color: #418bca; }

.tile [class^="tile-"].color.redbrown { background-color: #d9544f; }

.tile [class^="tile-"].color.grey { background-color: #8b8b8b; }

.tile [class^="tile-"].color.transparent-black { background-color: rgba(0, 0, 0, 0.3); }

.tile [class^="tile-"].color.transparent-black.textured { background: rgba(0, 0, 0, 0.3) url(../images/dot_pattern.png) repeat; }

.tile [class^="tile-"].color.transparent-white { background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); }

.tile.color .controls a { color: #f2f2f2; }

.tile.color .controls a:hover { color: white; }

.tile.color [class^="tile-"] { color: #fafafa; background-color: transparent; }

.tile.color [class^="tile-"] ul.inline.divided > li { border-right: 1px solid rgba(255, 255, 255, 0.2); }

.tile.color [class^="tile-"] .form-group .help-block { color: white; }

.tile.color .tile-header h1 { color: white; }

.tile.color.red { background-color: #ff7b76; }

.tile.color.cyan { background-color: #52ccf2; }

.tile.color.green { background-color: #a2d200; }

.tile.color.orange { background-color: #ffcd33; }

.tile.color.amethyst { background-color: #e2c2f3; }

.tile.color.greensea { background-color: #1ccdaa; }

.tile.color.dutch { background-color: #1cbbd2; }

.tile.color.hotpink { background-color: #ff3385; }

.tile.color.drank { background-color: #d5099c; }

.tile.color.slategray { background-color: #3f4e62; }

.tile.color.blue { background-color: #418bca; }

.tile.color.redbrown { background-color: #d9544f; }

.tile.color.grey { background-color: #8b8b8b; }

.tile.color.transparent-black { background-color: rgba(0, 0, 0, 0.3); }

.tile.color.transparent-black.textured { background: rgba(0, 0, 0, 0.3) url(../images/dot_pattern.png) repeat; }

.tile.color.transparent-white { background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); }

.tile.color.white { background-color: white; color: #717171; }

[class^="tile"] { -webkit-font-smoothing: antialiased; }

[class^="tile"].color table { border-color: rgba(255, 255, 255, 0.1); }

[class^="tile"].color table.table-bordered { border-collapse: separate; border: 0; }

[class^="tile"].color table.table-bordered > thead > tr td, [class^="tile"].color table.table-bordered > thead > tr th, [class^="tile"].color table.table-bordered > tbody > tr td, [class^="tile"].color table.table-bordered > tbody > tr th, [class^="tile"].color table.table-bordered > tfoot > tr td, [class^="tile"].color table.table-bordered > tfoot > tr th { border: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0; border-right: 0; }

[class^="tile"].color table.table-bordered > thead > tr:last-child td, [class^="tile"].color table.table-bordered > thead > tr:last-child th, [class^="tile"].color table.table-bordered > tbody > tr:last-child td, [class^="tile"].color table.table-bordered > tbody > tr:last-child th, [class^="tile"].color table.table-bordered > tfoot > tr:last-child td, [class^="tile"].color table.table-bordered > tfoot > tr:last-child th { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

[class^="tile"].color table.table-hover > tbody > tr:hover > td, [class^="tile"].color table.table-hover > tbody > tr:hover > th { background-color: rgba(0, 0, 0, 0.1); }

[class^="tile"].color table.table-striped > tbody > tr:nth-child(odd) > td, [class^="tile"].color table.table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(0, 0, 0, 0.1); }

[class^="tile"].color table > thead, [class^="tile"].color table > tbody, [class^="tile"].color table > tfoot { border-color: rgba(255, 255, 255, 0.1); }

[class^="tile"].color table > thead > tr, [class^="tile"].color table > tbody > tr, [class^="tile"].color table > tfoot > tr { border-color: rgba(255, 255, 255, 0.1); }

[class^="tile"].color table > thead > tr > td, [class^="tile"].color table > thead > tr > th, [class^="tile"].color table > tbody > tr > td, [class^="tile"].color table > tbody > tr > th, [class^="tile"].color table > tfoot > tr > td, [class^="tile"].color table > tfoot > tr > th { border-color: rgba(255, 255, 255, 0.1); }

[class^="tile"].color table > thead > tr.active > td, [class^="tile"].color table > thead > tr.active > tr, [class^="tile"].color table > tbody > tr.active > td, [class^="tile"].color table > tbody > tr.active > tr, [class^="tile"].color table > tfoot > tr.active > td, [class^="tile"].color table > tfoot > tr.active > tr { background-color: rgba(0, 0, 0, 0.1); }

[class^="tile"].color table > thead > tr.success > td, [class^="tile"].color table > thead > tr.success > tr, [class^="tile"].color table > tbody > tr.success > td, [class^="tile"].color table > tbody > tr.success > tr, [class^="tile"].color table > tfoot > tr.success > td, [class^="tile"].color table > tfoot > tr.success > tr { background-color: rgba(162, 210, 0, 0.1); }

[class^="tile"].color table > thead > tr.warning > td, [class^="tile"].color table > thead > tr.warning > tr, [class^="tile"].color table > tbody > tr.warning > td, [class^="tile"].color table > tbody > tr.warning > tr, [class^="tile"].color table > tfoot > tr.warning > td, [class^="tile"].color table > tfoot > tr.warning > tr { background-color: rgba(255, 193, 0, 0.1); }

[class^="tile"].color table > thead > tr.danger > td, [class^="tile"].color table > thead > tr.danger > tr, [class^="tile"].color table > tbody > tr.danger > td, [class^="tile"].color table > tbody > tr.danger > tr, [class^="tile"].color table > tfoot > tr.danger > td, [class^="tile"].color table > tfoot > tr.danger > tr { background-color: rgba(255, 74, 67, 0.1); }

[class^="tile"].color table > thead > tr.info > td, [class^="tile"].color table > thead > tr.info > tr, [class^="tile"].color table > tbody > tr.info > td, [class^="tile"].color table > tbody > tr.info > tr, [class^="tile"].color table > tfoot > tr.info > td, [class^="tile"].color table > tfoot > tr.info > tr { background-color: rgba(34, 190, 239, 0.1); }

[class^="tile"].color ul.inline.divided > li { border-right-color: rgba(255, 255, 255, 0.15); }

[class^="tile"][class*="transparent-"] .progress { background-color: rgba(0, 0, 0, 0.1); }

[class^="tile"][class*="transparent-"] .progress-list .status { background-color: rgba(0, 0, 0, 0.15); color: white; }

[class^="tile"][class*="transparent-"] .btn { border-width: 0; }

[class^="tile"][class*="transparent-"] .btn.btn-default { border-width: 1px; }

[class^="tile"][class*="transparent-"] .form-control { background-color: rgba(0, 0, 0, 0.3); border: 0; color: rgba(255, 255, 255, 0.8); font-size: 14px; -webkit-font-smoothing: antialiased; line-height: 20px; }

[class^="tile"][class*="transparent-"] .form-control:focus { background-color: rgba(0, 0, 0, 0.5); }

[class^="tile"][class*="transparent-"] .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }

[class^="tile"][class*="transparent-"] .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.8); }

[class^="tile"][class*="transparent-"] .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.8); }

[class^="tile"][class*="transparent-"] .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }

[class^="tile"][class*="transparent-"] .form-control.parsley-validated.parsley-error { background-color: rgba(255, 74, 67, 0.2); border: 1px solid rgba(255, 74, 67, 0.5); }

[class^="tile"][class*="transparent-"] .form-control.parsley-validated.parsley-success { background-color: rgba(162, 210, 0, 0.2); border: 1px solid rgba(162, 210, 0, 0.5); }

[class^="tile"][class*="transparent-"] .form-group.form-footer { background-color: rgba(0, 0, 0, 0.2); }

[class^="tile"][class*="transparent-"] .form-control[disabled], [class^="tile"][class*="transparent-"] .form-control[readonly], [class^="tile"][class*="transparent-"] fieldset[disabled] .form-control { background-color: rgba(255, 255, 255, 0.3); border: 0; color: #717171; }

[class^="tile"][class*="transparent-"] .form-control[disabled]:focus, [class^="tile"][class*="transparent-"] .form-control[readonly]:focus, [class^="tile"][class*="transparent-"] fieldset[disabled] .form-control:focus { background-color: rgba(255, 255, 255, 0.3); -webkit-box-shadow: none !important; box-shadow: none !important; border: 0; }

[class^="tile"][class*="transparent-"] .table-options.paging-info { color: rgba(255, 255, 255, 0.7); }

[class^="tile"][class*="transparent-"] .search { display: inline-block; float: right; }

[class^="tile"][class*="transparent-"] .search input { font-family: "Ubuntu Mono", sans-serif; font-size: 16px !important; color: rgba(255, 255, 255, 0.6) !important; background: none !important; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; -webkit-appearance: none !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; min-height: 28px; padding: 0 !important; line-height: 32px !important; -webkit-font-smoothing: antialiased; }

[class^="tile"][class*="transparent-"] .search input:focus { outline: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

[class^="tile"][class*="transparent-"] .search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .search input:-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .search input::-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .search input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input { color: rgba(255, 255, 255, 0.6) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input:focus { border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input:-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input::-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"][class*="transparent-"] .dataTables_wrapper div.dataTables_filter input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; }

[class^="tile"].transparent-white .form-group.form-footer { background-color: rgba(255, 255, 255, 0.2); }

[class^="tile"].transparent-white table { border-color: rgba(255, 255, 255, 0.5); }

[class^="tile"].transparent-white table.table-bordered { border-collapse: separate; border: 0; }

[class^="tile"].transparent-white table.table-bordered > thead > tr td, [class^="tile"].transparent-white table.table-bordered > thead > tr th, [class^="tile"].transparent-white table.table-bordered > tbody > tr td, [class^="tile"].transparent-white table.table-bordered > tbody > tr th, [class^="tile"].transparent-white table.table-bordered > tfoot > tr td, [class^="tile"].transparent-white table.table-bordered > tfoot > tr th { border: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 0; border-right: 0; }

[class^="tile"].transparent-white table.table-bordered > thead > tr:last-child td, [class^="tile"].transparent-white table.table-bordered > thead > tr:last-child th, [class^="tile"].transparent-white table.table-bordered > tbody > tr:last-child td, [class^="tile"].transparent-white table.table-bordered > tbody > tr:last-child th, [class^="tile"].transparent-white table.table-bordered > tfoot > tr:last-child td, [class^="tile"].transparent-white table.table-bordered > tfoot > tr:last-child th { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

[class^="tile"].transparent-white table.table-hover > tbody > tr:hover > td, [class^="tile"].transparent-white table.table-hover > tbody > tr:hover > th { background-color: rgba(255, 255, 255, 0.2); }

[class^="tile"].transparent-white table.table-striped > tbody > tr:nth-child(odd) > td, [class^="tile"].transparent-white table.table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(255, 255, 255, 0.2); }

[class^="tile"].transparent-white table > thead, [class^="tile"].transparent-white table > tbody, [class^="tile"].transparent-white table > tfoot { border-color: rgba(255, 255, 255, 0.5); }

[class^="tile"].transparent-white table > thead > tr, [class^="tile"].transparent-white table > tbody > tr, [class^="tile"].transparent-white table > tfoot > tr { border-color: rgba(255, 255, 255, 0.5); }

[class^="tile"].transparent-white table > thead > tr > td, [class^="tile"].transparent-white table > thead > tr > th, [class^="tile"].transparent-white table > tbody > tr > td, [class^="tile"].transparent-white table > tbody > tr > th, [class^="tile"].transparent-white table > tfoot > tr > td, [class^="tile"].transparent-white table > tfoot > tr > th { border-color: rgba(255, 255, 255, 0.5); }

[class^="tile"].transparent-white table > thead > tr.active > td, [class^="tile"].transparent-white table > thead > tr.active > tr, [class^="tile"].transparent-white table > tbody > tr.active > td, [class^="tile"].transparent-white table > tbody > tr.active > tr, [class^="tile"].transparent-white table > tfoot > tr.active > td, [class^="tile"].transparent-white table > tfoot > tr.active > tr { background-color: rgba(255, 255, 255, 0.2); }

[class^="tile"].transparent-white ul.inline.divided > li { border-right-color: rgba(255, 255, 255, 0.3); }

[class^="tile"].color .easypiechart .percentage, [class^="tile"].color .easypiechart .label { color: rgba(255, 255, 255, 0.8); }

[class^="tile"].color table > thead > tr > td.actions a, [class^="tile"].color table > thead > tr > th.actions a, [class^="tile"].color table > tbody > tr > td.actions a, [class^="tile"].color table > tbody > tr > th.actions a, [class^="tile"].color table > tfoot > tr > td.actions a, [class^="tile"].color table > tfoot > tr > th.actions a { color: rgba(255, 255, 255, 0.8); }

[class^="tile"].color table > thead > tr > td.control a, [class^="tile"].color table > thead > tr > th.control a, [class^="tile"].color table > tbody > tr > td.control a, [class^="tile"].color table > tbody > tr > th.control a, [class^="tile"].color table > tfoot > tr > td.control a, [class^="tile"].color table > tfoot > tr > th.control a { color: rgba(255, 255, 255, 0.4); }

[class^="tile"].color table > thead > tr > td.control:hover a, [class^="tile"].color table > thead > tr > th.control:hover a, [class^="tile"].color table > tbody > tr > td.control:hover a, [class^="tile"].color table > tbody > tr > th.control:hover a, [class^="tile"].color table > tfoot > tr > td.control:hover a, [class^="tile"].color table > tfoot > tr > th.control:hover a { color: rgba(255, 255, 255, 0.8); }

[class^="tile"].color table.table-custom > thead > tr > th, [class^="tile"].color table.table-custom > thead > tr > td { color: rgba(255, 255, 255, 0.6); }

[class^="tile"].color table.table-custom > thead > tr > th:after, [class^="tile"].color table.table-custom > thead > tr > td:after { background-color: rgba(255, 255, 255, 0.3); }

[class^="tile"].color table.table-custom > thead > tr > th.sortable:hover, [class^="tile"].color table.table-custom > thead > tr > th.sorting:hover, [class^="tile"].color table.table-custom > thead > tr > td.sortable:hover, [class^="tile"].color table.table-custom > thead > tr > td.sorting:hover { color: white; }

[class^="tile"].color table.table-custom > thead > tr > th.sortable:hover:after, [class^="tile"].color table.table-custom > thead > tr > th.sorting:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sortable:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sorting:hover:after { background-color: rgba(255, 255, 255, 0.6); }

[class^="tile"].color table.table-custom > thead > tr > th.sort-asc, [class^="tile"].color table.table-custom > thead > tr > th.sort-desc, [class^="tile"].color table.table-custom > thead > tr > th.sort-asc:hover, [class^="tile"].color table.table-custom > thead > tr > th.sort-desc:hover, [class^="tile"].color table.table-custom > thead > tr > th.sorting_asc, [class^="tile"].color table.table-custom > thead > tr > th.sorting_desc, [class^="tile"].color table.table-custom > thead > tr > th.sorting_asc:hover, [class^="tile"].color table.table-custom > thead > tr > th.sorting_desc:hover, [class^="tile"].color table.table-custom > thead > tr > td.sort-asc, [class^="tile"].color table.table-custom > thead > tr > td.sort-desc, [class^="tile"].color table.table-custom > thead > tr > td.sort-asc:hover, [class^="tile"].color table.table-custom > thead > tr > td.sort-desc:hover, [class^="tile"].color table.table-custom > thead > tr > td.sorting_asc, [class^="tile"].color table.table-custom > thead > tr > td.sorting_desc, [class^="tile"].color table.table-custom > thead > tr > td.sorting_asc:hover, [class^="tile"].color table.table-custom > thead > tr > td.sorting_desc:hover { color: white; }

[class^="tile"].color table.table-custom > thead > tr > th.sort-asc:after, [class^="tile"].color table.table-custom > thead > tr > th.sort-desc:after, [class^="tile"].color table.table-custom > thead > tr > th.sort-asc:hover:after, [class^="tile"].color table.table-custom > thead > tr > th.sort-desc:hover:after, [class^="tile"].color table.table-custom > thead > tr > th.sorting_asc:after, [class^="tile"].color table.table-custom > thead > tr > th.sorting_desc:after, [class^="tile"].color table.table-custom > thead > tr > th.sorting_asc:hover:after, [class^="tile"].color table.table-custom > thead > tr > th.sorting_desc:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sort-asc:after, [class^="tile"].color table.table-custom > thead > tr > td.sort-desc:after, [class^="tile"].color table.table-custom > thead > tr > td.sort-asc:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sort-desc:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sorting_asc:after, [class^="tile"].color table.table-custom > thead > tr > td.sorting_desc:after, [class^="tile"].color table.table-custom > thead > tr > td.sorting_asc:hover:after, [class^="tile"].color table.table-custom > thead > tr > td.sorting_desc:hover:after { background-color: white; }

[class^="tile"].color table.table-custom > tbody > tr > th, [class^="tile"].color table.table-custom > tbody > tr > td { border-color: rgba(255, 255, 255, 0.2); }

[class^="tile"].color table.table-custom > tbody > tr > th.priority, [class^="tile"].color table.table-custom > tbody > tr > td.priority { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

[class^="tile"].color table.table-custom > tbody > tr > th.progress-cell .progress, [class^="tile"].color table.table-custom > tbody > tr > td.progress-cell .progress { background-color: rgba(255, 255, 255, 0.2) !important; }

[class^="tile"].color .pagination-custom > li > a, [class^="tile"].color .pagination-custom > li > span, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > li > a, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > li > span { color: rgba(255, 255, 255, 0.7); background-color: rgba(0, 0, 0, 0.3); border: 0; }

[class^="tile"].color .pagination-custom > li > a:hover, [class^="tile"].color .pagination-custom > li > span:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover { color: white; background-color: rgba(0, 0, 0, 0.5); border: 0; }

[class^="tile"].color .pagination-custom > .active > a, [class^="tile"].color .pagination-custom > .active > span, [class^="tile"].color .pagination-custom > .active > a:hover, [class^="tile"].color .pagination-custom > .active > span:hover, [class^="tile"].color .pagination-custom > .active > a:focus, [class^="tile"].color .pagination-custom > .active > span:focus, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > a, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > span, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus { color: #717171; background-color: white; border: 0; }

[class^="tile"].color .pagination-custom > .disabled > a, [class^="tile"].color .pagination-custom > .disabled > span, [class^="tile"].color .pagination-custom > .disabled > a:hover, [class^="tile"].color .pagination-custom > .disabled > span:hover, [class^="tile"].color .pagination-custom > .disabled > a:focus, [class^="tile"].color .pagination-custom > .disabled > span:focus, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus, [class^="tile"].color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.2); border: 0; }

[class^="tile"].color .dataTables_wrapper .dataTables_info, [class^="tile"].color .dataTables_wrapper .dataTables_length, [class^="tile"].color .dataTables_wrapper .dataTables_filter { color: rgba(255, 255, 255, 0.8); }

[class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr > td.details, [class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr > th.details { background-color: rgba(0, 0, 0, 0.2); }

[class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td:first-child, [class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td:first-child { color: rgba(255, 255, 255, 0.7); }

[class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr.row_selected > td, [class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr.row_selected > th, [class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr.drilled > td, [class^="tile"].color .dataTables_wrapper .table-datatable > tbody > tr.drilled > th { background-color: rgba(0, 0, 0, 0.15); }

/**********************************/
/************* MMENU **************/
/**********************************/
.navbar.mm-fixed-top { left: 0 !important; }

#mmenu { z-index: 9999; display: inline-block; }

#mmenu .mm-panel { background: #1d2833; }

#mmenu .tab-content { left: 0; background: #263543; padding: 5px 15px; }

#mmenu .tab-content .tab-pane { padding-top: 45px; }

#mmenu .tab-content .tab-pane > h5 { color: rgba(255, 255, 255, 0.5); font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-size: 11px; font-weight: 300; border-bottom: 1px dotted rgba(255, 255, 255, 0.1); padding-bottom: 10px; }

#mmenu .tab-content .tab-pane ul { list-style-type: none; padding: 0; margin: 0; }

#mmenu .tab-content .tab-pane ul.users-list > li, #mmenu .tab-content .tab-pane ul.history-list > li, #mmenu .tab-content .tab-pane ul.favourite-list > li { margin-bottom: 15px; }

#mmenu .tab-content .tab-pane ul.users-list > li:last-child, #mmenu .tab-content .tab-pane ul.history-list > li:last-child, #mmenu .tab-content .tab-pane ul.favourite-list > li:last-child { margin-bottom: 30px; }

#mmenu .tab-content .tab-pane ul.users-list > li .media, #mmenu .tab-content .tab-pane ul.history-list > li .media, #mmenu .tab-content .tab-pane ul.favourite-list > li .media { position: relative; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .profile-photo, #mmenu .tab-content .tab-pane ul.history-list > li .media .profile-photo, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .profile-photo { width: 45px; overflow: hidden; display: inline-block; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .profile-photo img, #mmenu .tab-content .tab-pane ul.history-list > li .media .profile-photo img, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .profile-photo img { width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .unread, #mmenu .tab-content .tab-pane ul.history-list > li .media .unread, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .unread { position: absolute; left: 30px; font-size: 10px; font-weight: 400; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .media-body, #mmenu .tab-content .tab-pane ul.history-list > li .media .media-body, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .media-body { padding-top: 6px; position: relative; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .media-body .media-heading, #mmenu .tab-content .tab-pane ul.history-list > li .media .media-body .media-heading, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .media-body .media-heading { font-family: "Roboto", "Arial", sans-serif; font-weight: 300; color: rgba(255, 255, 255, 0.7); margin: 0 0 3px; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .media-body small, #mmenu .tab-content .tab-pane ul.history-list > li .media .media-body small, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .media-body small { font-size: 11px; color: rgba(255, 255, 255, 0.3); }

#mmenu .tab-content .tab-pane ul.users-list > li .media .media-body small i, #mmenu .tab-content .tab-pane ul.history-list > li .media .media-body small i, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .media-body small i { font-size: 14px; }

#mmenu .tab-content .tab-pane ul.users-list > li .media .media-body .status, #mmenu .tab-content .tab-pane ul.history-list > li .media .media-body .status, #mmenu .tab-content .tab-pane ul.favourite-list > li .media .media-body .status { position: absolute; right: 0px; top: 18px; }

#mmenu .tab-content .tab-pane ul.users-list > li.online .status, #mmenu .tab-content .tab-pane ul.history-list > li.online .status, #mmenu .tab-content .tab-pane ul.favourite-list > li.online .status { border-color: #16a085; }

#mmenu .tab-content .tab-pane ul.users-list > li.busy .status, #mmenu .tab-content .tab-pane ul.history-list > li.busy .status, #mmenu .tab-content .tab-pane ul.favourite-list > li.busy .status { border-color: #ffc100; }

#mmenu .tab-content .tab-pane ul.users-list > li.offline .media .profile-photo, #mmenu .tab-content .tab-pane ul.history-list > li.offline .media .profile-photo, #mmenu .tab-content .tab-pane ul.favourite-list > li.offline .media .profile-photo { filter: alpha(opacity=40); opacity: 0.4; }

#mmenu .tab-content .tab-pane ul.users-list > li.offline .status, #mmenu .tab-content .tab-pane ul.history-list > li.offline .status, #mmenu .tab-content .tab-pane ul.favourite-list > li.offline .status { border-color: #717171; }

#mmenu .tab-content .tab-pane ul.history-list > li .media .media-body small { display: inline-block; width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 300; }

#mmenu .tab-content .tab-pane ul.settings > li .form-group .control-label { margin: 0; padding: 0; margin-bottom: 15px; font-weight: 300; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 22px; }

#mmenu .tab-content .tab-pane ul.settings > li .form-group .control-label .onoffswitch { right: -35px; }

#mmenu .nav.nav-tabs { padding: 0; max-height: 45px; z-index: 2; }

#mmenu .nav.nav-tabs > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; padding: 12px 15px; min-height: 45px; color: rgba(255, 255, 255, 0.5); }

#mmenu .nav.nav-tabs > li > a:hover { background-color: #212d3a; }

#mmenu .nav.nav-tabs > li.active > a { background-color: #263543; color: white; }

#mmenu .nav.nav-tabs > li.active > a:hover #mmenu .nav.nav-tabs > li.active > a:focus { background-color: #263543; color: white; }

/****************************************/
/************* PAGE HEADER **************/
/****************************************/
.pageheader { position: relative; }

.pageheader h2 { display: inline-block; color: rgba(255, 255, 255, 0.8); font-size: 32px; font-weight: 300; font-family: "Roboto", "Arial", sans-serif; }

.pageheader h2 span { font-size: 18px; color: rgba(255, 255, 255, 0.6); font-weight: 300; font-style: italic; }

.pageheader h2 i { padding: 0; border-radius: 50%; color: rgba(255, 255, 255, 0.5); font-size: 28px; display: inline-block; vertical-align: middle; height: 50px; width: 50px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.5); line-height: 44px; }

.pageheader .breadcrumbs { display: inline-block; vertical-align: top; position: absolute; right: 0; top: 0; }

.pageheader .breadcrumbs ol.breadcrumb { background-color: transparent; margin-bottom: 0; }

.pageheader .breadcrumbs ol.breadcrumb > li { font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.6); }

.pageheader .breadcrumbs ol.breadcrumb > li.active { color: rgba(0, 0, 0, 0.4); }

.pageheader .breadcrumbs ol.breadcrumb > li + li:before { content: "\f105"; font-family: "FontAwesome"; color: rgba(255, 255, 255, 0.6); }

/****************************************/
/************* BREADCRUMBS **************/
/****************************************/
ol.breadcrumb { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 4px 15px; }

ol.breadcrumb > li { font-size: 12px; font-weight: 500; }

ol.breadcrumb > li + li:before { content: "\f105"; font-family: "FontAwesome"; }

ol.breadcrumb.transparent-black { background-color: rgba(0, 0, 0, 0.3); }

ol.breadcrumb.transparent-black > li > a { color: white; }

/**************************************/
/************* DROPDOWNS **************/
/**************************************/
ul.dropdown-menu.example { position: static; display: block; margin-bottom: 5px; float: none; max-width: 170px; }

ul.dropdown-menu > li.divider { width: 100% !important; background-color: #e5e5e5 !important; opacity: 1 !important; }

li.dropdown ul.dropdown-menu.wide, li.dropdown ul.dropdown-menu.wider { max-width: 300px !important; min-width: 160px !important; width: 240px !important; border: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); }

li.dropdown ul.dropdown-menu.wide > li h1, li.dropdown ul.dropdown-menu.wider > li h1 { font-family: "Roboto", "Arial", sans-serif; margin: 0; font-size: 11px; padding: 15px; font-weight: 300; background-color: #444; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; }

li.dropdown ul.dropdown-menu.wide > li > a, li.dropdown ul.dropdown-menu.wider > li > a { padding: 10px !important; }

li.dropdown ul.dropdown-menu.wide > li.topborder, li.dropdown ul.dropdown-menu.wider > li.topborder { border-top: 1px dotted #eaeaea; }

li.dropdown ul.dropdown-menu.wider { width: 350px !important; max-width: 400px !important; }

li.dropdown ul.dropdown-menu.nopadding { padding: 0; }

li.dropdown ul.dropdown-menu.arrow:before { display: block; content: " "; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 0 10px 10px 10px; border-bottom-color: #444; position: absolute; top: -10px; left: 12px; z-index: 1; }

li.dropdown ul.dropdown-menu.bordered > li { border-bottom: 1px dotted #eaeaea; }

li.dropdown ul.dropdown-menu.bordered > li:last-child { border-bottom: 0; }

/******************************************/
/************* PROGRESS BARS **************/
/******************************************/
.progress-info { margin-bottom: 5px; }

.progress-info .desc { font-size: 12px; }

.progress-info .percent { padding-left: 10px; margin-top: 1px; display: inline-block; font-weight: 600; float: right; font-size: 12px; }

.progress { background-color: #e5e5e5; -webkit-box-shadow: none; box-shadow: none; }

.progress.progress-thin { height: 10px; }

.progress.progress-little { height: 5px; }

.progress.no-radius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.progress.nomargin { margin-bottom: 5px; }

.progress.progress-transparent-black { background-color: rgba(0, 0, 0, 0.1); }

.progress.progress-transparent-black .progress-bar { background-color: rgba(0, 0, 0, 0.15); }

.progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; }

.progress .progress-bar.animate-progress-bar { -webkit-transition: width 2.5s ease !important; -moz-transition: width 2.5s ease !important; transition: width 2.5s ease !important; }

.progress .progress-bar.progress-bar-green { background-color: #a2d200; }

.progress .progress-bar.progress-bar-cyan { background-color: #22beef; }

.progress .progress-bar.progress-bar-orange { background-color: #ffc100; }

.progress .progress-bar.progress-bar-red { background-color: #ff4a43; }

.progress .progress-bar.progress-bar-amethyst { background-color: #cd97eb; }

.progress .progress-bar.progress-bar-greensea { background-color: #16a085; }

.progress .progress-bar.progress-bar-dutch { background-color: #1693A5; }

.progress .progress-bar.progress-bar-hotpink { background-color: #FF0066; }

.progress .progress-bar.progress-bar-drank { background-color: #A40778; }

.progress .progress-bar.progress-bar-blue { background-color: #418bca; }

.progress .progress-bar.progress-bar-slategray { background-color: #3f4e62; }

.progress .progress-bar.progress-bar-redbrown { background-color: #d9544f; }

.progress .progress-bar.progress-bar-transparent-white { background-color: rgba(255, 255, 255, 0.8); }

.progress .progress-bar.progress-bar-transparent-black { background-color: rgba(0, 0, 0, 0.8); }

.progress-list { margin: 0; padding: 0; list-style-type: none; position: relative; }

.progress-list .details { display: inline-block; float: left; }

.progress-list .details .title { font-size: 14px; font-weight: 500; line-height: 16px; color: rgba(255, 255, 255, 0.8); }

.progress-list .details .description { font-weight: 500; text-transform: uppercase; font-size: 10px; color: rgba(255, 255, 255, 0.7); line-height: 12px; }

.progress-list .status { display: inline-block; background-color: #f2f2f2; font-size: 9px; padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: white; font-weight: 500; }

.progress-list .clearfix { height: 30px; }

.progress-list .progress { margin-bottom: 15px; }

.progress-list.with-heading .details .title h2 { margin-bottom: 0 !important; }

.progress-list.with-heading .status { position: absolute; bottom: 8px; right: 0; }

.progress-list.with-heading .clearfix { height: 35px; }

/***********************************/
/************* BADGES **************/
/***********************************/
.badge { font-size: 11px; font-weight: 400; color: white; padding: 3px 5px; margin: 0 2px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.badge.badge-primary { background-color: #428bca; }

.badge.badge-success { background-color: #5cb85c; }

.badge.badge-info { background-color: #5bc0de; }

.badge.badge-warning { background-color: #f0ad4e; }

.badge.badge-danger { background-color: #d9534f; }

.badge.badge-red { background-color: #ff635c; }

.badge.badge-cyan { background-color: #3ac5f1; }

.badge.badge-green { background-color: #a2d200; }

.badge.badge-orange { background-color: #ffc71a; }

.badge.badge-amethyst { background-color: #d7acef; }

.badge.badge-greensea { background-color: #19b698; }

.badge.badge-dutch { background-color: #19a7bc; }

.badge.badge-hotpink { background-color: #ff1a75; }

.badge.badge-drank { background-color: #bc088a; }

.badge.badge-blue { background-color: #5597d0; }

.badge.badge-slategray { background-color: #495a72; }

.badge.badge-redbrown { background-color: #de6864; }

.badge.badge-transparent-black { background-color: rgba(0, 0, 0, 0.15); }

.badge.badge-outline { display: inline-block; width: 10px; height: 10px; padding: 0; border: 1px solid #717171; background: transparent; }

/***********************************/
/************* LABELS **************/
/***********************************/
.label { font-size: 11px; font-weight: 400; color: white; padding: 3px 5px; margin: 0 2px; }

.label.label-red { background-color: #ff635c; }

.label.label-cyan { background-color: #3ac5f1; }

.label.label-green { background-color: #a2d200; }

.label.label-orange { background-color: #ffc71a; }

.label.label-amethyst { background-color: #d7acef; }

.label.label-greensea { background-color: #19b698; }

.label.label-dutch { background-color: #19a7bc; }

.label.label-hotpink { background-color: #ff1a75; }

.label.label-drank { background-color: #bc088a; }

.label.label-blue { background-color: #5597d0; }

.label.label-slategray { background-color: #495a72; }

.label.label-redbrown { background-color: #de6864; }

.label.label-transparent-black { background-color: rgba(0, 0, 0, 0.15); }

/*****************************************/
/************* TOGGLE SWITCH *************/
/*****************************************/
.onoffswitch { position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.onoffswitch.green .onoffswitch-inner:before { background-color: #a2d200; }

.onoffswitch.red .onoffswitch-inner:before { background-color: #ff4a43; }

.onoffswitch.cyan .onoffswitch-inner:before { background-color: #22beef; }

.onoffswitch.orange .onoffswitch-inner:before { background-color: #ffc100; }

.onoffswitch.amethyst .onoffswitch-inner:before { background-color: #cd97eb; }

.onoffswitch.greensea .onoffswitch-inner:before { background-color: #16a085; }

.onoffswitch.dutch .onoffswitch-inner:before { background-color: #1693A5; }

.onoffswitch.hotpink .onoffswitch-inner:before { background-color: #FF0066; }

.onoffswitch.drank .onoffswitch-inner:before { background-color: #A40778; }

.onoffswitch.blue .onoffswitch-inner:before { background-color: #418bca; }

.onoffswitch.slategray .onoffswitch-inner:before { background-color: #536781; }

.onoffswitch.redbrown .onoffswitch-inner:before { background-color: #d9544f; }

.onoffswitch.labeled { width: 46px; }

.onoffswitch.labeled .onoffswitch-inner:before { content: "On"; }

.onoffswitch.labeled .onoffswitch-inner:after { content: "Off"; padding-right: 7px; }

.onoffswitch.labeled .onoffswitch-switch { right: 21px; }

.onoffswitch.small { width: 20px; }

.onoffswitch.small .onoffswitch-switch { right: 6px; }

.onoffswitch.small .onoffswitch-inner:before, .onoffswitch.small .onoffswitch-inner:after { height: 15px; line-height: 15px; }

.onoffswitch.small .onoffswitch-switch { width: 10px; }

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.2s ease-in 0s; -moz-transition: margin 0.2s ease-in 0s; transition: margin 0.2s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 25px; padding: 0; line-height: 25px; font-size: 9px; color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-transform: none; }

.onoffswitch-inner:before { content: ""; padding-left: 9px; background-color: rgba(0, 0, 0, 0.2); color: #FFFFFF; }

.onoffswitch-inner:after { content: ""; padding-right: 9px; background-color: rgba(0, 0, 0, 0.8); color: #999999; text-align: right; }

.onoffswitch-switch { display: block; width: 21px; margin: 2px; background: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; position: absolute; top: 0; bottom: 0; right: 15px; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

/****************************************/
/************* NO UI SLIDER *************/
/****************************************/
#colorslider { height: 240px; margin: 0; padding: 10px; }

#colorslider #red, #colorslider #green, #colorslider #blue { margin: 10px; display: inline-block; height: 200px; }

#colorslider .result { margin: 60px 30px; height: 100px; width: 100px; display: inline-block; vertical-align: top; color: #7f7f7f; background: #7f7f7f; border: 1px solid #fff; box-shadow: 0 0 10px; }

.noUi-background { background: white; }

.noUiSlider.noUi-target { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; -webkit-box-shadow: none; box-shadow: none; }

.noUiSlider.noUi-horizontal { height: 12px; }

.noUiSlider.noUi-horizontal .noUi-handle { width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.noUiSlider.noUi-horizontal .noUi-handle:after, .noUiSlider.noUi-horizontal .noUi-handle:before { top: 6px; height: 7px; left: 8px; }

.noUiSlider.noUi-horizontal .noUi-handle:after { left: 11px; }

.noUiSlider.noUi-horizontal .noUi-origin.noUi-background { right: -2px; border-right: 1px solid #e2e2e2; }

.noUiSlider.noUi-vertical { width: 12px; }

.noUiSlider.noUi-vertical .noUi-handle { width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.noUiSlider.noUi-vertical .noUi-handle:after, .noUiSlider.noUi-vertical .noUi-handle:before { width: 7px; height: 1px; left: 6px; top: 8px; }

.noUiSlider.noUi-vertical .noUi-handle:after { top: 11px; }

.noUiSlider.noUi-vertical .noUi-origin.noUi-background { bottom: -2px; border-bottom: 1px solid #e2e2e2; }

.noUiSlider .noUi-handle { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; }

.noUiSlider .noUi-connect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.noUiSlider .noUi-origin { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; }

.noUiSlider.red { background-color: #ff4a43; }

.noUiSlider.green { background-color: #a2d200; }

.noUiSlider.cyan { background-color: #22beef; }

.noUiSlider.orange { background-color: #ffc100; }

.noUiSlider.amethyst { background-color: #cd97eb; }

.noUiSlider.greensea { background-color: #16a085; }

.noUiSlider.dutch { background-color: #1693A5; }

.noUiSlider.hotpink { background-color: #FF0066; }

.noUiSlider.drank { background-color: #A40778; }

.noUiSlider.connect-red .noUi-connect { background-color: #ff4a43; }

.noUiSlider.connect-green .noUi-connect { background-color: #a2d200; }

.noUiSlider.connect-cyan .noUi-connect { background-color: #22beef; }

.noUiSlider.connect-orange .noUi-connect { background-color: #ffc100; }

.noUiSlider.connect-amethyst .noUi-connect { background-color: #cd97eb; }

.noUiSlider.connect-greensea .noUi-connect { background-color: #16a085; }

.noUiSlider.connect-dutch .noUi-connect { background-color: #1693A5; }

.noUiSlider.connect-hotpink .noUi-connect { background-color: #FF0066; }

.noUiSlider.connect-drank .noUi-connect { background-color: #A40778; }

.slider-value { position: absolute; right: 20px; bottom: 60px; padding: 5px 15px; background-color: rgba(0, 0, 0, 0.3); color: #e2e2e2; border-radius: 4px; font-weight: 600; font-size: 12px; }

/**************************************/
/************* ROW SELECT *************/
/**************************************/
ul.inlineSelect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

ul.inlineSelect.rowSelect > li.title, ul.inlineSelect.inline > li.title { background-color: #f2f2f2; }

ul.inlineSelect.rowSelect > li.title h5, ul.inlineSelect.inline > li.title h5 { margin: 0; padding: 10px; }

ul.inlineSelect.rowSelect > li > .checkbox, ul.inlineSelect.inline > li > .checkbox { padding-left: 0; margin: 0 !important; }

ul.inlineSelect.rowSelect > li > .checkbox input[type=checkbox]:checked + label, ul.inlineSelect.inline > li > .checkbox input[type=checkbox]:checked + label { background-color: #f5f5f5; }

ul.inlineSelect.rowSelect > li > .checkbox label, ul.inlineSelect.inline > li > .checkbox label { width: 100%; background-color: #fafafa; padding: 6px 0 5px 40px; }

ul.inlineSelect.rowSelect > li > .checkbox label:hover, ul.inlineSelect.inline > li > .checkbox label:hover { background-color: #f5f5f5; }

ul.inlineSelect.rowSelect > li > .checkbox label:before, ul.inlineSelect.inline > li > .checkbox label:before { left: 10px; top: 7px; }

ul.inlineSelect.rowSelect > li > .checkbox label:after, ul.inlineSelect.inline > li > .checkbox label:after { left: 13px; top: 5px; }

ul.inlineSelect.rowSelect > li:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

ul.inlineSelect.rowSelect > li:last-child label { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

ul.inlineSelect.inline > li { padding: 0; margin-right: -3px; }

ul.inlineSelect.inline > li:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

ul.inlineSelect.inline > li:last-child label { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

ul.inlineSelect.red > li.title { background-color: #ff4a43; color: white; }

ul.inlineSelect.red > li > .checkbox input[type=checkbox]:checked + label { background-color: #ffdddc; }

ul.inlineSelect.red > li > .checkbox label:hover { background-color: #fff6f5; }

ul.inlineSelect.cyan > li.title { background-color: #22beef; color: white; }

ul.inlineSelect.cyan > li > .checkbox input[type=checkbox]:checked + label { background-color: #e0f6fd; }

ul.inlineSelect.cyan > li > .checkbox label:hover { background-color: #f8fdfe; }

ul.inlineSelect.orange > li.title { background-color: #ffc100; color: white; }

ul.inlineSelect.orange > li > .checkbox input[type=checkbox]:checked + label { background-color: #fff3cc; }

ul.inlineSelect.orange > li > .checkbox label:hover { background-color: #fff9e5; }

ul.inlineSelect.green > li.title { background-color: #a2d200; color: white; }

ul.inlineSelect.green > li > .checkbox input[type=checkbox]:checked + label { background-color: #f5ffd2; }

ul.inlineSelect.green > li > .checkbox label:hover { background-color: #fbffeb; }

ul.inlineSelect.amethyst > li.title { background-color: #cd97eb; color: white; }

ul.inlineSelect.amethyst > li > .checkbox input[type=checkbox]:checked + label { background-color: #f6edfb; }

ul.inlineSelect.amethyst > li > .checkbox label:hover { background-color: white; }

ul.inlineSelect.greensea > li.title { background-color: #16a085; color: white; }

ul.inlineSelect.greensea > li > .checkbox input[type=checkbox]:checked + label { background-color: #bff6eb; }

ul.inlineSelect.greensea > li > .checkbox label:hover { background-color: #d5f9f2; }

ul.inlineSelect.dutch > li.title { background-color: #1693A5; color: white; }

ul.inlineSelect.dutch > li > .checkbox input[type=checkbox]:checked + label { background-color: #adebf4; }

ul.inlineSelect.dutch > li > .checkbox label:hover { background-color: #c3f0f7; }

ul.inlineSelect.hotpink > li.title { background-color: #FF0066; color: white; }

ul.inlineSelect.hotpink > li > .checkbox input[type=checkbox]:checked + label { background-color: #ffcce0; }

ul.inlineSelect.hotpink > li > .checkbox label:hover { background-color: #ffe5f0; }

ul.inlineSelect.drank > li.title { background-color: #A40778; color: white; }

ul.inlineSelect.drank > li > .checkbox input[type=checkbox]:checked + label { background-color: #fcaee6; }

ul.inlineSelect.drank > li > .checkbox label:hover { background-color: #fdc7ee; }

ul.inlineSelect.blue > li.title { background-color: #418bca; color: white; }

ul.inlineSelect.blue > li > .checkbox input[type=checkbox]:checked + label { background-color: #e1ecf6; }

ul.inlineSelect.blue > li > .checkbox label:hover { background-color: #f4f9fc; }

ul.inlineSelect.slategray > li.title { background-color: #3f4e62; color: white; }

ul.inlineSelect.slategray > li > .checkbox input[type=checkbox]:checked + label { background-color: #b6c1d0; }

ul.inlineSelect.slategray > li > .checkbox label:hover { background-color: #c6cfda; }

ul.inlineSelect.redbrown > li.title { background-color: #d9544f; color: white; }

ul.inlineSelect.redbrown > li > .checkbox input[type=checkbox]:checked + label { background-color: #f4cecd; }

ul.inlineSelect.redbrown > li > .checkbox label:hover { background-color: #f9e3e2; }

/*********************************/
/************* CARDS *************/
/*********************************/
.card-container { position: relative; min-height: 80px; margin-bottom: 20px; }

.card-container .card { height: 100%; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; width: 100%; cursor: pointer; z-index: 9; }

.card-container .card .front { height: 100%; position: relative; width: 100%; background-color: #f2f2f2; padding: 15px; min-height: 115px; top: 0; left: 0; z-index: 900; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.card-container .card .front .media { margin-bottom: 10px; }

.card-container .card .front .media .media-object { font-size: 48px; margin-top: 5px; }

.card-container .card .front .media .media-body small { font-size: 12px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-weight: 300; }

.card-container .card .front .media .media-body h2 { font-family: "Roboto", "Arial", sans-serif; font-weight: 400; }

.card-container .card .front .progress-list .details .title { font-weight: 400; font-size: 11px; line-height: normal; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }

.card-container .card .front .progress-list .status { font-size: 9px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.card-container .card .front .progress-list .clearfix { height: 20px; }

.card-container .card .front .progress-list .progress { margin-bottom: 0; }

.card-container .card.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }

.card-container .card.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }

.card-container .card .back { position: absolute; top: 0; background-color: white !important; border: 0; color: inherit !important; padding: 15px 15px 5px 15px; text-align: center; height: auto; width: 100%; min-height: 123px; left: 0; z-index: 800; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */ transform: rotateY(-179deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.card-container .card .back > a { display: block; color: #717171; font-size: 18px; font-weight: 300; line-height: 30px; }

.card-container .card .back > a:hover { text-decoration: none; color: #418bca; }

.card-container .card .back > a > i { display: block; }

.card-container .card.card-red .front { color: white; background-color: #ff4a43; }

.card-container .card.card-red .back p { color: #ff4a43; }

.card-container .card.card-cyan .front { color: white; background-color: #22beef; }

.card-container .card.card-cyan .back p { color: #22beef; }

.card-container .card.card-green .front { color: white; background-color: #a2d200; }

.card-container .card.card-green .back p { color: #a2d200; }

.card-container .card.card-orange .front { color: white; background-color: #ffc100; }

.card-container .card.card-orange .back p { color: #ffc100; }

.card-container .card.card-amethyst .front { color: white; background-color: #cd97eb; }

.card-container .card.card-amethyst .back p { color: #cd97eb; }

.card-container .card.card-greensea .front { color: white; background-color: #16a085; }

.card-container .card.card-greensea .back p { color: #16a085; }

.card-container .card.card-drank .front { color: white; background-color: #A40778; }

.card-container .card.card-drank .back p { color: #A40778; }

.card-container .card.card-dutch .front { color: white; background-color: #1693A5; }

.card-container .card.card-dutch .back p { color: #1693A5; }

.card-container .card.card-hotpink .front { color: white; background-color: #FF0066; }

.card-container .card.card-hotpink .back p { color: #FF0066; }

.card-container .card.card-redbrown .front { color: white; background-color: #d9544f; }

.card-container .card.card-redbrown .back p { color: #d9544f; }

.card-container .card.card-slategray .front { color: white; background-color: #3f4e62; }

.card-container .card.card-slategray .back p { color: #3f4e62; }

.card-container .card.card-blue .front { color: white; background-color: #418bca; }

.card-container .card.card-blue .back p { color: #418bca; }

/************************************/
/************* TOOLTIPS *************/
/************************************/
#tooltip { color: #717171; font-size: 11px; line-height: 11px; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

#tooltip h1 { font-size: 16px; line-height: 18px; font-weight: 300; margin: 0; padding: 0; }

.jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#flotTip { background-color: white !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; color: #717171; border: 0 !important; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }

#flotTip b { font-family: "Roboto Slab", serif; }

/***************************************/
/************* TYPOGRAPHY **************/
/***************************************/
.thin { font-weight: 100 !important; }

.uppercase { text-transform: uppercase !important; }

.italic { font-style: italic; }

.bold { font-weight: 700; }

.small-bold { font-size: 11px; font-weight: 700; }

/* filled elements */
h1.filled, h2.filled, h3.filled, h4.filled, h5.filled, h6.filled { background: #717171; padding: 10px; color: white; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

p.filled, blockquote.filled, div.filled, ul.filled { background: #f8f8f8; padding: 10px; margin-top: -10px; color: #717171; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

p.filled.red, blockquote.filled.red, div.filled.red, ul.filled.red { background: #f15751; color: white; }

p.filled.cyan, blockquote.filled.cyan, div.filled.cyan, ul.filled.cyan { background: #34b5dd; color: white; }

p.filled.orange, blockquote.filled.orange, div.filled.orange, ul.filled.orange { background: #ecb713; color: white; }

p.filled.green, blockquote.filled.green, div.filled.green, ul.filled.green { background: #99c210; color: white; }

p.filled.amethyst, blockquote.filled.amethyst, div.filled.amethyst, ul.filled.amethyst { background: #caa0e2; color: white; }

p.filled.greensea, blockquote.filled.greensea, div.filled.greensea, ul.filled.greensea { background: #22e1bb; color: white; }

p.filled.drank, blockquote.filled.drank, div.filled.drank, ul.filled.drank { background: #ed0aae; color: white; }

p.filled.dutch, blockquote.filled.dutch, div.filled.dutch, ul.filled.dutch { background: #26cae2; color: white; }

p.filled.hotpink, blockquote.filled.hotpink, div.filled.hotpink, ul.filled.hotpink { background: #ff4d94; color: white; }

p.filled.blue, blockquote.filled.blue, div.filled.blue, ul.filled.blue { background: #7db0db; color: white; }

p.filled.slategray, blockquote.filled.slategray, div.filled.slategray, ul.filled.slategray { background: #5d7391; color: white; }

p.filled.redbrown, blockquote.filled.redbrown, div.filled.redbrown, ul.filled.redbrown { background: #e7918e; color: white; }

p.filled.withoutHeader, blockquote.filled.withoutHeader, div.filled.withoutHeader, ul.filled.withoutHeader { margin-top: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

blockquote.filled.text-right { border-left-width: 0; border-right: 5px solid; }

blockquote.filled i { font-size: 46px; margin: 0 10px 10px 0; color: rgba(0, 0, 0, 0.1); }

blockquote { border-left: 5px solid rgba(0, 0, 0, 0.3); }

blockquote.pull-right { border-right: 5px solid rgba(0, 0, 0, 0.3); }

blockquote p { line-height: 1.6em; }

blockquote small { color: rgba(255, 255, 255, 0.7); font-weight: 300; }

blockquote.filled { min-height: 60px; border-color: #717171; }

blockquote.filled small { color: rgba(0, 0, 0, 0.3); font-weight: 400; }

blockquote.filled.red { border-color: #ff4a43; }

blockquote.filled.cyan { border-color: #22beef; }

blockquote.filled.orange { border-color: #ffc100; }

blockquote.filled.green { border-color: #a2d200; }

blockquote.filled.amethyst { border-color: #cd97eb; }

blockquote.filled.greensea { border-color: #16a085; }

blockquote.filled.drank { border-color: #A40778; }

blockquote.filled.dutch { border-color: #1693A5; }

blockquote.filled.hotpink { border-color: #FF0066; }

blockquote.filled.blue { border-color: #418bca; }

blockquote.filled.slategray { border-color: #3f4e62; }

blockquote.filled.redbrown { border-color: #d9544f; }

.filled.red { background: #ff4a43; }

.filled.cyan { background: #22beef; }

.filled.orange { background: #ffc100; }

.filled.green { background: #a2d200; }

.filled.amethyst { background: #cd97eb; }

.filled.greensea { background: #16a085; }

.filled.drank { background: #A40778; }

.filled.dutch { background: #1693A5; }

.filled.hotpink { background: #FF0066; }

.filled.blue { background: #418bca; }

.filled.slategray { background: #3f4e62; }

.filled.redbrown { background: #d9544f; }

address.filled { background: #f8f8f8; padding: 10px; font-weight: 300; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #717171; }

address.filled.addon { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

address.filled i { font-size: 80px; opacity: 0.05; margin-top: -50px; }

address.filled strong { background: #717171; color: white; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; display: block; margin: -10px; padding: 5px 10px; text-transform: uppercase; font-weight: 300; }

address.filled.filled-append { margin-top: -20px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

address.filled.filled-append strong { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

address.filled.filled-append a { color: #fff; }

address.filled.red { background: #ff948f; }

address.filled.red strong { background: #ff4a43; }

address.filled.cyan { background: #69d3f4; }

address.filled.cyan strong { background: #22beef; }

address.filled.orange { background: #ffd44d; }

address.filled.orange strong { background: #ffc100; }

address.filled.green { background: #ccff20; }

address.filled.green strong { background: #a2d200; }

address.filled.amethyst { background: #ecd7f7; }

address.filled.amethyst strong { background: #cd97eb; }

address.filled.greensea { background: #22e1bb; }

address.filled.greensea strong { background: #16a085; }

address.filled.drank { background: #ed0aae; }

address.filled.drank strong { background: #A40778; }

address.filled.dutch { background: #26cae2; }

address.filled.dutch strong { background: #1693A5; }

address.filled.hotpink { background: #ff4d94; }

address.filled.hotpink strong { background: #FF0066; }

address.filled.blue { background: #7db0db; }

address.filled.blue strong { background: #418bca; }

address.filled.slategray { background: #5d7391; }

address.filled.slategray strong { background: #3f4e62; }

address.filled.redbrown { background: #e7918e; }

address.filled.redbrown strong { background: #d9544f; }

dl dt { font-size: 1.1em; }

dl.filled { background: #f2f2f2; color: #717171; }

dl.filled dt, dl.filled dd { padding: 5px 10px; }

dl.filled dt { background: #717171; font-weight: 500; color: white; font-family: "Roboto Slab", serif; font-size: 14px; }

dl.filled dd { background: #f8f8f8; font-weight: 300; }

dl.filled.red { color: white; }

dl.filled.red dd { background: #ff544d; }

dl.filled.red dt { background: #ff4a43; }

dl.filled.cyan { color: white; }

dl.filled.cyan dd { background: #2cc1f0; }

dl.filled.cyan dt { background: #22beef; }

dl.filled.green { color: white; }

dl.filled.green dd { background: #aadc00; }

dl.filled.green dt { background: #a2d200; }

dl.filled.orange { color: white; }

dl.filled.orange dd { background: #ffc30a; }

dl.filled.orange dt { background: #ffc100; }

dl.filled.amethyst { color: white; }

dl.filled.amethyst dd { background: #d1a0ed; }

dl.filled.amethyst dt { background: #cd97eb; }

dl.filled.greensea { color: white; }

dl.filled.greensea dd { background: #17a98c; }

dl.filled.greensea dt { background: #16a085; }

dl.filled.hotpink { color: white; }

dl.filled.hotpink dd { background: #ff0a6c; }

dl.filled.hotpink dt { background: #FF0066; }

dl.filled.drank { color: white; }

dl.filled.drank dd { background: #ae077f; }

dl.filled.drank dt { background: #A40778; }

dl.filled.dutch { color: white; }

dl.filled.dutch dd { background: #179bae; }

dl.filled.dutch dt { background: #1693A5; }

dl.filled.blue { color: white; }

dl.filled.blue dd { background: #4990cc; }

dl.filled.blue dt { background: #418bca; }

dl.filled.slategray { color: white; }

dl.filled.slategray dd { background: #435368; }

dl.filled.slategray dt { background: #3f4e62; }

dl.filled.redbrown { color: white; }

dl.filled.redbrown dd { background: #db5c57; }

dl.filled.redbrown dt { background: #d9544f; }

/*********************************/
/************* LISTS *************/
/*********************************/
ul.inline { padding: 0; margin: 0; }

ul.inline > li { display: inline-block; padding: 5px 10px; vertical-align: top; }

ul.inline.divided > li { border-right: 1px solid #f2f2f2; }

ul.inline.divided > li:last-child { border: 0; }

ul.nolisttypes { list-style-type: none; padding: 0; }

ul.list-type { padding: 0; margin: 7px 0 7px 20px; list-style-type: none; }

ul.list-type li { padding: 2px 2px 2px 0px; position: relative; }

ul.list-type li:before { position: absolute; left: -18px; margin-top: 3px; font-family: FontAwesome; line-height: 1; font-size: 14px; -webkit-font-smoothing: antialiased; }

ul.list-type.arrow li:before { content: "\f061"; }

ul.list-type.circle li:before { content: "\f10c"; }

ul.list-type.check li:before { content: "\f046"; }

ul.list-type.caret-right li:before { content: "\f0da"; }

ul.chart-legend > li { font-size: 12px; font-weight: 400; padding: 5px; }

ul.chart-legend > li small { color: rgba(255, 255, 255, 0.7); margin-left: 5px; font-size: 12px; }

/***********************************/
/************* BUTTONS *************/
/***********************************/
.btn { -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* file upload */ }

.btn.btn-black-transparent { background-color: rgba(0, 0, 0, 0.1); color: #f2f2f2; }

.btn.btn-black-transparent:hover { background-color: rgba(0, 0, 0, 0.2); color: white; }

.btn:focus { outline: 0; }

.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; }

.btn.uppercased { text-transform: uppercase; font-size: 11px; font-weight: 900; padding: 3px 20px; }

.btn.btn-green { background-color: #a2d200; color: #f2f2f2; }

.btn.btn-green:hover { background-color: #8eb800; color: white; }

.btn.btn-cyan { background-color: #52ccf2; color: #f2f2f2; }

.btn.btn-cyan:hover { background-color: #0fa1cf; color: white; }

.btn.btn-red { background-color: #ff7b76; color: #f2f2f2; }

.btn.btn-red:hover { background-color: #ff4f48; color: white; }

.btn.btn-orange { background-color: #ffc100; color: #f2f2f2; }

.btn.btn-orange:hover { background-color: #f0b500; color: white; }

.btn.btn-amethyst { background-color: #cd97eb; color: #f2f2f2; }

.btn.btn-amethyst:hover { background-color: #b86ce3; color: white; }

.btn.btn-greensea { background-color: #1ccdaa; color: #f2f2f2; }

.btn.btn-greensea:hover { background-color: #14937a; color: white; }

.btn.btn-hotpink { background-color: #ff3385; color: #f2f2f2; }

.btn.btn-hotpink:hover { background-color: #e6005c; color: white; }

.btn.btn-drank { background-color: #d5099c; color: #f2f2f2; }

.btn.btn-drank:hover { background-color: #95066d; color: white; }

.btn.btn-dutch { background-color: #1cbbd2; color: #f2f2f2; }

.btn.btn-dutch:hover { background-color: #148798; color: white; }

.btn.btn-blue { background-color: #69a3d5; color: #f2f2f2; }

.btn.btn-blue:hover { background-color: #3784c5; color: white; }

.btn.btn-redbrown { background-color: #e27d79; color: #f2f2f2; }

.btn.btn-redbrown:hover { background-color: #d64842; color: white; }

.btn.btn-slategray { background-color: #536781; color: #f2f2f2; }

.btn.btn-slategray:hover { background-color: #394759; color: white; }

.btn.btn-primary { color: #f2f2f2; }

.btn.btn-primary:hover { color: white; }

.btn.btn-danger { color: #f2f2f2; }

.btn.btn-danger:hover { color: white; }

.btn.btn-warning { color: #f2f2f2; }

.btn.btn-warning:hover { color: white; }

.btn.btn-success { color: #f2f2f2; }

.btn.btn-success:hover { color: white; }

.btn.btn-info { color: #f2f2f2; }

.btn.btn-info:hover { color: white; }

.btn.btn-transparent-white { background-color: rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); }

.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus { background-color: rgba(255, 255, 255, 0.3); color: white; }

.btn.btn-file { position: relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: 23px; }

.btn.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }

.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.btn-group > .btn + .dropdown-toggle { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

.btn-group > .btn-default + .dropdown-toggle { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

a.submit i { margin: 0 3px; }

a.submit:hover { text-decoration: none; }

/**********************************/
/************* MODALS *************/
/**********************************/
.modal-ios { position: absolute; overflow: visible; }

.modal { color: #717171; top: 50px; z-index: 1999; }

.modal .modal-dialog { margin-top: 30px; }

.modal .modal-dialog.wide { width: 1200px; }

.modal .modal-content { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 0; }

.modal .modal-content .modal-header, .modal .modal-content .modal-footer { background-color: white; }

.modal .modal-content .modal-header { border: 0; position: relative; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.modal .modal-content .modal-header h3 { color: #555; font-size: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.modal .modal-content .modal-header button.close { background: url(../images/modal-close.png) left center no-repeat; position: absolute; top: -30px; right: 0; color: white; font-weight: 400; filter: alpha(opacity=100); opacity: 1; text-shadow: none; padding-left: 23px; }

.modal .modal-content .modal-header button.close:hover { background: url(../images/modal-close-hover.png) left center no-repeat; color: #418bca; }

.modal .modal-content .modal-header button.close:focus { outline: none; }

.modal .modal-content .modal-footer { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-color: rgba(0, 0, 0, 0.03); }

.modal-backdrop.in { filter: alpha(opacity=70); opacity: 0.7; }

.md-modal { height: 100%; margin-top: 3%; }

.md-modal .md-content { max-height: 80%; overflow: auto; }

.md-modal.md-cyan .md-content { background-color: #22beef; color: white; }

.md-modal.md-cyan.colorize-overlay.md-show ~ .md-overlay { background: #22beef; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-red .md-content { background-color: #ff4a43; color: white; }

.md-modal.md-red.colorize-overlay.md-show ~ .md-overlay { background: #ff4a43; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-green .md-content { background-color: #a2d200; color: white; }

.md-modal.md-green.colorize-overlay.md-show ~ .md-overlay { background: #a2d200; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-orange .md-content { background-color: #ffc100; color: white; }

.md-modal.md-orange.colorize-overlay.md-show ~ .md-overlay { background: #ffc100; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-amethyst .md-content { background-color: #cd97eb; color: white; }

.md-modal.md-amethyst.colorize-overlay.md-show ~ .md-overlay { background: #cd97eb; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-greensea .md-content { background-color: #16a085; color: white; }

.md-modal.md-greensea.colorize-overlay.md-show ~ .md-overlay { background: #16a085; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-dutch .md-content { background-color: #1693A5; color: white; }

.md-modal.md-dutch.colorize-overlay.md-show ~ .md-overlay { background: #1693A5; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-hotpink .md-content { background-color: #FF0066; color: white; }

.md-modal.md-hotpink.colorize-overlay.md-show ~ .md-overlay { background: #FF0066; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-drank .md-content { background-color: #A40778; color: white; }

.md-modal.md-drank.colorize-overlay.md-show ~ .md-overlay { background: #A40778; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-blue .md-content { background-color: #418bca; color: white; }

.md-modal.md-blue.colorize-overlay.md-show ~ .md-overlay { background: #418bca; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-redbrown .md-content { background-color: #d9544f; color: white; }

.md-modal.md-redbrown.colorize-overlay.md-show ~ .md-overlay { background: #d9544f; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-slategray .md-content { background-color: #3f4e62; color: white; }

.md-modal.md-slategray.colorize-overlay.md-show ~ .md-overlay { background: #3f4e62; filter: alpha(opacity=50); opacity: 0.5; }

.md-modal.md-show.md-effect-12 ~ .md-overlay { opacity: 1 !important; filter: alpha(opacity=1) !important; }

/**************************************************/
/************* ALERTS & NOTIFICATIONS *************/
/**************************************************/
.alert { padding: 5px 15px; font-size: 12px; }

.alert.alert-big { padding: 15px; }

.alert.alert-dismissable { padding-right: 35px; }

.alert.alert-red { color: #ff4a43; background-color: #ffdddc; border-color: #ffaca9; }

.alert.alert-red .alert-link { color: #ff1910; }

.alert.alert-cyan { color: #22beef; background-color: #e0f6fd; border-color: #b1e8f9; }

.alert.alert-cyan .alert-link { color: #0fa1cf; }

.alert.alert-green { color: #a2d200; background-color: #fbffeb; border-color: #efffb8; }

.alert.alert-green .alert-link { color: #7b9f00; }

.alert.alert-orange { color: #ffc100; background-color: #fff3cc; border-color: #ffe699; }

.alert.alert-orange .alert-link { color: #cc9a00; }

.alert.alert-amethyst { color: #cd97eb; background-color: #f6edfb; border-color: #e2c2f3; }

.alert.alert-amethyst .alert-link { color: #b86ce3; }

.alert.alert-greensea { color: #16a085; background-color: #d5f9f2; border-color: #92f0de; }

.alert.alert-greensea .alert-link { color: #107360; }

.alert.alert-hotpink { color: #FF0066; background-color: #ffcce0; border-color: #ff99c2; }

.alert.alert-hotpink .alert-link { color: #cc0052; }

.alert.alert-drank { color: #A40778; background-color: #fdc7ee; border-color: #fb96de; }

.alert.alert-drank .alert-link { color: #730554; }

.alert.alert-dutch { color: #1693A5; background-color: #c3f0f7; border-color: #96e6f1; }

.alert.alert-dutch .alert-link { color: #106b78; }

.alert.alert-blue { color: #418bca; background-color: #e1ecf6; border-color: #b9d4eb; }

.alert.alert-blue .alert-link { color: #2f71a9; }

.alert.alert-slategray { color: #3f4e62; background-color: #c6cfda; border-color: #a7b4c6; }

.alert.alert-slategray .alert-link { color: #2b3543; }

.alert.alert-redbrown { color: #d9544f; background-color: #f4cecd; border-color: #eba6a3; }

.alert.alert-redbrown .alert-link { color: #c9312c; }

.notification { padding: 15px; background-color: #fafafa; border-left: 3px solid #e5e5e5; margin: 20px 0; color: #717171; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.notification.notification-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #f8e2b5; }

.notification.notification-danger { color: #a94442; background-color: #f2dede; border-color: #e4bac0; }

.notification.notification-info { color: #31708f; background-color: #d9edf7; border-color: #a7e1ed; }

.notification.notification-success { color: #3c763d; background-color: #dff0d8; border-color: #c9e2b4; }

.notification.notification-red { color: #ff4a43; background-color: #ffdddc; border-color: #ffaca9; }

.notification.notification-cyan { color: #22beef; background-color: #e0f6fd; border-color: #b1e8f9; }

.notification.notification-green { color: #a2d200; background-color: #fbffeb; border-color: #efffb8; }

.notification.notification-orange { color: #ffc100; background-color: #fff3cc; border-color: #ffe699; }

.notification.notification-amethyst { color: #cd97eb; background-color: #f6edfb; border-color: #e2c2f3; }

.notification.notification-greensea { color: #16a085; background-color: #d5f9f2; border-color: #92f0de; }

.notification.notification-hotpink { color: #FF0066; background-color: #ffcce0; border-color: #ff99c2; }

.notification.notification-drank { color: #A40778; background-color: #fdc7ee; border-color: #fb96de; }

.notification.notification-dutch { color: #1693A5; background-color: #c3f0f7; border-color: #96e6f1; }

.notification.notification-blue { color: #418bca; background-color: #e1ecf6; border-color: #b9d4eb; }

.notification.notification-slategray { color: #3f4e62; background-color: #c6cfda; border-color: #a7b4c6; }

.notification.notification-redbrown { color: #d9544f; background-color: #f4cecd; border-color: #eba6a3; }

/**********************************/
/************* PANELS *************/
/**********************************/
.panel { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; color: #717171; }

.panel .panel-heading { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.panel.panel-example .label, .panel.panel-example .badge { display: inline-block; }

.panel.panel-example .panel-body { padding: 0; border: 0; }

.panel.panel-example .panel-body pre { margin: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.panel.panel-default .panel-heading { background-color: #f2f2f2; }

.panel.panel-transparent-black { background-color: transparent; }

.panel.panel-transparent-black .panel-heading { background-color: rgba(0, 0, 0, 0.3); color: white; }

.panel.panel-transparent-black .panel-body { color: white; background-color: rgba(0, 0, 0, 0.15); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.panel.panel-transparent-white { background-color: transparent; }

.panel.panel-transparent-white .panel-heading { background-color: rgba(255, 255, 255, 0.3); color: white; }

.panel.panel-transparent-white .panel-body { color: white; background-color: rgba(255, 255, 255, 0.15); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.panel.panel-red { border-color: #ff3129; }

.panel.panel-red .panel-heading { background-color: #ff4a43; border-color: #ff3129; color: white; }

.panel.panel-cyan { border-color: #11b4e7; }

.panel.panel-cyan .panel-heading { background-color: #22beef; border-color: #11b4e7; color: white; }

.panel.panel-green { border-color: #8eb800; }

.panel.panel-green .panel-heading { background-color: #a2d200; border-color: #8eb800; color: white; }

.panel.panel-orange { border-color: #e6ae00; }

.panel.panel-orange .panel-heading { background-color: #ffc100; border-color: #e6ae00; color: white; }

.panel.panel-amethyst { border-color: #c382e7; }

.panel.panel-amethyst .panel-heading { background-color: #cd97eb; border-color: #c382e7; color: white; }

.panel.panel-greensea { border-color: #16a085; }

.panel.panel-greensea .panel-heading { background-color: #16a085; border-color: #16a085; color: white; }

.panel.panel-dutch { border-color: #1693A5; }

.panel.panel-dutch .panel-heading { background-color: #1693A5; border-color: #1693A5; color: white; }

.panel.panel-hotpink { border-color: #FF0066; }

.panel.panel-hotpink .panel-heading { background-color: #FF0066; border-color: #FF0066; color: white; }

.panel.panel-drank { border-color: #A40778; }

.panel.panel-drank .panel-heading { background-color: #A40778; border-color: #A40778; color: white; }

.panel.panel-blue { border-color: #418bca; }

.panel.panel-blue .panel-heading { background-color: #418bca; border-color: #418bca; color: white; }

.panel.panel-slategray { border-color: #3f4e62; }

.panel.panel-slategray .panel-heading { background-color: #3f4e62; border-color: #3f4e62; color: white; }

.panel.panel-redbrown { border-color: #d9544f; }

.panel.panel-redbrown .panel-heading { background-color: #d9544f; border-color: #d9544f; color: white; }

/**************************************/
/************* LIST GROUP *************/
/**************************************/
.list-group { color: #717171; }

/****************************************/
/************* TYPEAHEAD.JS *************/
/****************************************/
.twitter-typeahead .tt-hint { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px; }

.twitter-typeahead .hint-small { height: 30px; padding: 5px 10px; font-size: 12px; border-radius: 3px; line-height: 1.5; }

.twitter-typeahead .hint-large { height: 45px; padding: 10px 16px; font-size: 18px; border-radius: 6px; line-height: 1.33; }

.twitter-typeahead { width: 100%; }

.tt-dropdown-menu { width: 100%; color: #717171; }

.tt-hint { width: 100%; }

/**************************************/
/************* PAGINATION *************/
/**************************************/
.pagination { vertical-align: bottom; }

.pagination.pagination-xs > li:first-child > a, .pagination.pagination-xs > li:first-child > span { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }

.pagination.pagination-xs > li:last-child > a, .pagination.pagination-xs > li:last-child > span { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }

.pagination.pagination-xs > li > a, .pagination.pagination-xs > li > span { font-size: 9px; font-weight: 900; padding: 3px 6px; }

.pagination.aligned-right { display: block; text-align: right; margin: 0; }

.pagination-custom > li:first-child > a, .pagination-custom > li:first-child > span, .dataTables_paginate.paging_custombootstrap .pagination > li:first-child > a, .dataTables_paginate.paging_custombootstrap .pagination > li:first-child > span { -webkit-border-radius: 20px 2px 2px 20px; -moz-border-radius: 20px 2px 2px 20px; -ms-border-radius: 20px 2px 2px 20px; -o-border-radius: 20px 2px 2px 20px; border-radius: 20px 2px 2px 20px; }

.pagination-custom > li:last-child > a, .pagination-custom > li:last-child > span, .dataTables_paginate.paging_custombootstrap .pagination > li:last-child > a, .dataTables_paginate.paging_custombootstrap .pagination > li:last-child > span { -webkit-border-radius: 2px 20px 20px 2px; -moz-border-radius: 2px 20px 20px 2px; -ms-border-radius: 2px 20px 20px 2px; -o-border-radius: 2px 20px 20px 2px; border-radius: 2px 20px 20px 2px; }

.pagination-custom > li:first-child i, .pagination-custom > li:last-child i, .dataTables_paginate.paging_custombootstrap .pagination > li:first-child i, .dataTables_paginate.paging_custombootstrap .pagination > li:last-child i { font-size: 14px; }

.pagination-custom > li > a, .pagination-custom > li > span, .dataTables_paginate.paging_custombootstrap .pagination > li > a, .dataTables_paginate.paging_custombootstrap .pagination > li > span { color: rgba(0, 0, 0, 0.4); font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 20px; margin: 0 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.pagination-custom > li > a:hover, .pagination-custom > li > span:hover, .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover, .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover { color: #717171; border: 1px solid rgba(0, 0, 0, 0.3); }

.pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > .active > a:hover, .pagination-custom > .active > span:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span:focus, .dataTables_paginate.paging_custombootstrap .pagination > .active > a, .dataTables_paginate.paging_custombootstrap .pagination > .active > span, .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover, .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover, .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus, .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus { color: #717171; border: 1px solid rgba(0, 0, 0, 0.3); }

.pagination-custom > .disabled > a, .pagination-custom > .disabled > span, .pagination-custom > .disabled > a:hover, .pagination-custom > .disabled > span:hover, .pagination-custom > .disabled > a:focus, .pagination-custom > .disabled > span:focus, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus, .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus { color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.05); }

.pagination-custom.pagination-lg > li > a, .pagination-custom.pagination-lg > li > span, .dataTables_paginate.paging_custombootstrap .pagination.pagination-lg > li > a, .dataTables_paginate.paging_custombootstrap .pagination.pagination-lg > li > span { font-size: 14px; }

.pagination-custom.pagination-sm > li > a, .pagination-custom.pagination-sm > li > span, .dataTables_paginate.paging_custombootstrap .pagination.pagination-sm > li > a, .dataTables_paginate.paging_custombootstrap .pagination.pagination-sm > li > span { font-size: 11px; }

.pagination-custom.pagination-sm > li:first-child i, .pagination-custom.pagination-sm > li:last-child i, .dataTables_paginate.paging_custombootstrap .pagination.pagination-sm > li:first-child i, .dataTables_paginate.paging_custombootstrap .pagination.pagination-sm > li:last-child i { font-size: 11px; }

.pagination-custom.pagination-xs > li > a, .pagination-custom.pagination-xs > li > span, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li > a, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li > span { font-size: 10px; }

.pagination-custom.pagination-xs > li:first-child i, .pagination-custom.pagination-xs > li:last-child i, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:first-child i, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:last-child i { font-size: 10px; }

.pagination-custom.pagination-xs > li:first-child > a, .pagination-custom.pagination-xs > li:first-child > span, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:first-child > a, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:first-child > span { -webkit-border-radius: 20px 2px 2px 20px; -moz-border-radius: 20px 2px 2px 20px; -ms-border-radius: 20px 2px 2px 20px; -o-border-radius: 20px 2px 2px 20px; border-radius: 20px 2px 2px 20px; }

.pagination-custom.pagination-xs > li:last-child > a, .pagination-custom.pagination-xs > li:last-child > span, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:last-child > a, .dataTables_paginate.paging_custombootstrap .pagination.pagination-xs > li:last-child > span { -webkit-border-radius: 2px 20px 20px 2px; -moz-border-radius: 2px 20px 20px 2px; -ms-border-radius: 2px 20px 20px 2px; -o-border-radius: 2px 20px 20px 2px; border-radius: 2px 20px 20px 2px; }

/*********************************/
/************* PAGER *************/
/*********************************/
.pager > li { margin: 0 2px; }

.pager.pager-custom > li:first-child > a { -webkit-border-radius: 20px 2px 2px 20px; -moz-border-radius: 20px 2px 2px 20px; -ms-border-radius: 20px 2px 2px 20px; -o-border-radius: 20px 2px 2px 20px; border-radius: 20px 2px 2px 20px; }

.pager.pager-custom > li:first-child > a > i { margin-right: 5px; }

.pager.pager-custom > li:last-child > a { -webkit-border-radius: 2px 20px 20px 2px; -moz-border-radius: 2px 20px 20px 2px; -ms-border-radius: 2px 20px 20px 2px; -o-border-radius: 2px 20px 20px 2px; border-radius: 2px 20px 20px 2px; }

.pager.pager-custom > li:last-child > a > i { margin-left: 5px; }

.pager.pager-custom > li > a { color: rgba(255, 255, 255, 0.7); font-weight: 300; border: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; text-transform: uppercase; font-size: 10px; font-weight: 700; line-height: 20px; }

.pager.pager-custom > li > a > i { font-size: 14px; position: relative; top: 1px; }

.pager.pager-custom > li > a:hover { color: white; border: 0; background-color: rgba(0, 0, 0, 0.5); }

.pager.pager-custom > .disabled > a, .pager.pager-custom > .disabled > span, .pager.pager-custom > .disabled > a:hover, .pager.pager-custom > .disabled > span:hover, .pager.pager-custom > .disabled > a:focus, .pager.pager-custom > .disabled > span:focus { color: rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.2); }

.pager.pager-full { margin: 0; }

.pager.pager-full > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; padding: 15px; background-color: transparent; }

.pager.pager-full > li > a:hover { background-color: rgba(0, 0, 0, 0.05); }

.pager.pager-full > li.disabled > a:hover { background-color: transparent; }

/****************************************/
/************* TABS & PILLS *************/
/****************************************/
.nav.nav-tabs, .nav.nav-pills { padding: 0; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.nav.nav-tabs.nav-justified > li > a, .nav.nav-pills.nav-justified > li > a { border: 1px solid transparent; }

.nav.nav-tabs.nav-justified > li > a:hover, .nav.nav-pills.nav-justified > li > a:hover { border: 1px solid transparent; }

.nav.nav-tabs.nav-separated, .nav.nav-pills.nav-separated { margin-bottom: 20px; }

.nav.nav-tabs.align-right, .nav.nav-pills.align-right { text-align: right; }

.nav.nav-tabs.align-right > li, .nav.nav-pills.align-right > li { float: none; display: inline-block; }

.nav.nav-tabs.tabdrop li.tabdrop a, .nav.nav-pills.tabdrop li.tabdrop a { position: relative; }

.nav.nav-tabs.tabdrop li.tabdrop a i, .nav.nav-pills.tabdrop li.tabdrop a i { font-size: 14px; }

.nav.nav-tabs.tabdrop li.tabdrop a .badge, .nav.nav-pills.tabdrop li.tabdrop a .badge { position: absolute; top: -7px; right: -7px; background-color: #16a085; font-weight: 300; }

.nav.nav-tabs.tabdrop li.tabdrop.open .dropdown-menu, .nav.nav-pills.tabdrop li.tabdrop.open .dropdown-menu { left: auto; }

.nav.nav-tabs.tabdrop li.tabdrop.active a .badge, .nav.nav-pills.tabdrop li.tabdrop.active a .badge { color: white; }

.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus, .nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:hover, .nav.nav-pills > li.active > a:focus { color: #717171; background-color: white; border: 1px solid transparent; }

.nav.nav-tabs > li.success > a, .nav.nav-tabs > li.success > a:hover, .nav.nav-tabs > li.success > a:focus, .nav.nav-pills > li.success > a, .nav.nav-pills > li.success > a:hover, .nav.nav-pills > li.success > a:focus { color: #a2d200; border: 1px solid transparent; }

.nav.nav-tabs > li.success a, .nav.nav-pills > li.success a { padding-left: 35px; }

.nav.nav-tabs > li.success:before, .nav.nav-pills > li.success:before { content: "\f05d"; position: absolute; font-family: 'FontAwesome'; color: #a2d200; z-index: 9; top: 5px; left: 15px; font-size: 22px; }

.nav.nav-tabs > li.disabled > a, .nav.nav-tabs > li.disabled > a:hover, .nav.nav-tabs > li.disabled > a:focus, .nav.nav-pills > li.disabled > a, .nav.nav-pills > li.disabled > a:hover, .nav.nav-pills > li.disabled > a:focus { color: rgba(255, 255, 255, 0.15); }

.nav.nav-tabs > .open > a, .nav.nav-pills > .open > a { color: rgba(255, 255, 255, 0.8); background-color: transparent; border: 1px solid transparent; }

.nav.nav-tabs > .open .dropdown-menu, .nav.nav-pills > .open .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.05); }

.nav.nav-tabs > li > a, .nav.nav-pills > li > a { font-weight: 700; font-size: 14px; color: rgba(255, 255, 255, 0.4); margin-right: 0; margin-left: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }

.nav.nav-tabs > li > a:hover, .nav.nav-pills > li > a:hover { color: rgba(255, 255, 255, 0.8); background-color: transparent; border: 1px solid transparent; }

.nav.nav-tabs > li > a i, .nav.nav-pills > li > a i { font-size: 14px; }

.nav.nav-tabs > li.tab-title .search-result, .nav.nav-pills > li.tab-title .search-result { padding: 5px 15px; margin: 0; color: rgba(255, 255, 255, 0.5); font-size: 18px; line-height: 30px; }

.nav.nav-tabs > li.tab-title .search-result .search-string, .nav.nav-pills > li.tab-title .search-result .search-string { color: white; font-weight: 700; }

.nav.nav-tabs.tabs-bottom, .nav.nav-pills.tabs-bottom { padding: 0 0 1px 0; }

.nav.nav-tabs.tabs-bottom > li > a, .nav.nav-pills.tabs-bottom > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.nav.nav-tabs.tabs-left > li, .nav.nav-pills.tabs-left > li { display: block; float: none; }

.nav.nav-tabs.tabs-left > li > a, .nav.nav-pills.tabs-left > li > a { white-space: nowrap; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.nav.nav-tabs.tabs-right > li, .nav.nav-pills.tabs-right > li { display: block; float: none; }

.nav.nav-tabs.tabs-right > li > a, .nav.nav-pills.tabs-right > li > a { white-space: nowrap; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

.nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:hover, .nav.nav-pills > li.active > a:focus { border: 0; }

.nav.nav-pills > li > a:hover { border: 0; }

.nav.nav-pills > .open > a { border: 0; }

.nav.nav-pills.nav-justified > li > a { border: 1px solid transparent; }

.nav.nav-pills.nav-justified > li > a:hover { border: 1px solid transparent; }

.tab-content > ul { list-style-type: none; margin: 0; padding: 5px 0; }

.tab-content > ul > li { padding: 5px 15px; cursor: pointer; }

.tab-content > ul > li:hover { background-color: #fafafa; }

/*******************************************/
/************* RECENT ACTIVITY *************/
/*******************************************/
.recent-activity .tab-content > ul > li .user { margin: 0 30px 0 5px; position: relative; }

.recent-activity .tab-content > ul > li .user:after { content: "\f105"; font-family: "FontAwesome"; font-size: 36px; line-height: 36px; margin-left: 10px; position: absolute; top: -8px; }

.recent-activity .tab-content > ul > li .subject strong { color: #418bca; font-weight: 500; }

.recent-activity .tab-content > ul > li .time { font-size: 11px; color: #bebebe; line-height: 36px; float: right; }

.recent-activity .tab-content > ul > li .time i { font-size: 14px; }

/*********************************/
/************* WELLS *************/
/*********************************/
.well { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #717171; }

.well.well-transparent-black { background-color: rgba(0, 0, 0, 0.3); color: white; }

.well.well-transparent-white { background-color: rgba(255, 255, 255, 0.3); }

.well.well-white { background-color: white; }

.well.well-cyan { background-color: #e0f6fd; color: #22beef; }

.well.well-red { background-color: #ffdddc; color: #ff4a43; }

.well.well-green { background-color: #fbffeb; color: #a2d200; }

.well.well-orange { background-color: #fff3cc; color: #ffc100; }

.well.well-amethyst { background-color: #f6edfb; color: #cd97eb; }

.well.well-greensea { background-color: #d5f9f2; color: #16a085; }

.well.well-dutch { background-color: #c3f0f7; color: #1693A5; }

.well.well-hotpink { background-color: #ffcce0; color: #FF0066; }

.well.well-drank { background-color: #fdc7ee; color: #A40778; }

.well.well-blue { background-color: #e1ecf6; color: #418bca; }

.well.well-slategray { background-color: #c6cfda; color: #3f4e62; }

.well.well-redbrown { background-color: #f4cecd; color: #d9544f; }

/**********************************/
/************* CHARTS *************/
/**********************************/
.pie-chart.inline { display: inline-block; margin: 15px 30px; position: relative; }

.pie-chart.inline > div { position: absolute; width: 100%; }

.pie-chart.inline > div i { line-height: 140px; }

.legend table .legendColorBox > div { margin-right: 5px; margin-bottom: 3px; }

.legend table .legendLabel { font-size: 11px; font-family: "Roboto Slab", serif; }

/* rickshaw */
.rickshaw_graph .detail .x_label { background-color: white; opacity: 1; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #717171; }

.rickshaw_graph .detail .item { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.custom-labels { margin-top: 15px; text-align: center; }

.custom-labels > ul > li { display: inline-block; margin: 5px 5px 0 0; }

/* easy pie chart */
.easypiechart { position: relative; text-align: center; }

.easypiechart.inline { display: inline-block; margin: 15px 30px; }

.easypiechart canvas { position: absolute; top: 0; left: 0; }

.easypiechart .percentage, .easypiechart .label { text-align: center; font-weight: 100; font-size: 14px; margin-bottom: 0.3em; color: #717171; }

.easypiechart .label { display: block; }

#serverload-chart { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; overflow: hidden; }

/* morris */
.morris-chart text { fill: white; font-family: "Roboto Slab", serif !important; }

.morris-chart svg { width: 100% !important; }

/**********************************/
/************* TABLES *************/
/**********************************/
.table { margin-bottom: 0; }

.table td .checkbox, .table th .checkbox { padding: 0; margin: 0; min-height: 10px; }

.table td .checkbox label:before, .table th .checkbox label:before { top: -13px; width: 15px; height: 15px; left: 8px; }

.table td .checkbox label:after, .table th .checkbox label:after { top: -17px; width: 15px; height: 15px; left: 10px; font-size: 12px; }

.table td.actions a, .table th.actions a { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-weight: 700; color: #717171; text-transform: uppercase; padding: 5px 10px; margin-right: 10px; }

.table td.actions a:hover, .table th.actions a:hover { text-decoration: none; }

.table td.actions a.delete:hover, .table th.actions a.delete:hover { color: #ff4a43; }

.table td.actions a.edit:hover, .table th.actions a.edit:hover { color: #22beef; }

.table td.actions a.save:hover, .table th.actions a.save:hover { color: #a2d200; }

.table td.control, .table th.control { cursor: pointer; }

.table td.control a, .table th.control a { font-size: 14px; line-height: 14px; color: rgba(0, 0, 0, 0.2); }

.table td.control:hover a, .table th.control:hover a { color: rgba(0, 0, 0, 0.6); }

.table.table-sortable > thead { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.table.table-sortable > thead > tr > th, .table.table-sortable > thead > tr > td { position: relative; }

.table.table-sortable > thead > tr > th.sortable, .table.table-sortable > thead > tr > td.sortable { cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.table.table-sortable > thead > tr > th.sortable:hover, .table.table-sortable > thead > tr > td.sortable:hover { background-color: rgba(0, 0, 0, 0.1); }

.table.table-sortable > thead > tr > th.sortable:before, .table.table-sortable > thead > tr > td.sortable:before { content: "\f0dc"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; float: right; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-asc:before, .table.table-sortable > thead > tr > td.sortable.sort-asc:before { content: "\f0dd"; margin-top: 0; }

.table.table-sortable > thead > tr > th.sortable.sort-desc:before, .table.table-sortable > thead > tr > td.sortable.sort-desc:before { content: "\f0de"; margin-top: 5px; }

.table.table-sortable > thead > tr > th.sortable.sort-numeric.sort-asc:before, .table.table-sortable > thead > tr > td.sortable.sort-numeric.sort-asc:before { content: "\f162"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-numeric.sort-desc:before, .table.table-sortable > thead > tr > td.sortable.sort-numeric.sort-desc:before { content: "\f163"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-alpha.sort-asc:before, .table.table-sortable > thead > tr > td.sortable.sort-alpha.sort-asc:before { content: "\f15d"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-alpha.sort-desc:before, .table.table-sortable > thead > tr > td.sortable.sort-alpha.sort-desc:before { content: "\f15e"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-amount.sort-asc:before, .table.table-sortable > thead > tr > td.sortable.sort-amount.sort-asc:before { content: "\f160"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sortable.sort-amount.sort-desc:before, .table.table-sortable > thead > tr > td.sortable.sort-amount.sort-desc:before { content: "\f161"; margin-top: 3px; }

.table.table-sortable > thead > tr > th.sort-asc, .table.table-sortable > thead > tr > th.sort-desc, .table.table-sortable > thead > tr > th.sort-asc:hover, .table.table-sortable > thead > tr > th.sort-desc:hover, .table.table-sortable > thead > tr > td.sort-asc, .table.table-sortable > thead > tr > td.sort-desc, .table.table-sortable > thead > tr > td.sort-asc:hover, .table.table-sortable > thead > tr > td.sort-desc:hover { background-color: rgba(0, 0, 0, 0.1); }

.table.table-custom > thead > tr > th, .table.table-custom > thead > tr > td { font-family: "Roboto Condensed", sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 400; border-bottom: 0; color: rgba(113, 113, 113, 0.7); position: relative; padding-left: 0; padding-bottom: 0; min-width: 35px; line-height: 26px; -webkit-font-smoothing: antialiased; }

.table.table-custom > thead > tr > th:last-child, .table.table-custom > thead > tr > td:last-child { padding-right: 0; }

.table.table-custom > thead > tr > th:after, .table.table-custom > thead > tr > td:after { content: ""; display: block; height: 4px; width: 100%; background-color: rgba(113, 113, 113, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.table.table-custom > thead > tr > th.sortable:hover, .table.table-custom > thead > tr > th.sorting:hover, .table.table-custom > thead > tr > td.sortable:hover, .table.table-custom > thead > tr > td.sorting:hover { color: #717171; background-color: transparent; }

.table.table-custom > thead > tr > th.sortable:hover:after, .table.table-custom > thead > tr > th.sorting:hover:after, .table.table-custom > thead > tr > td.sortable:hover:after, .table.table-custom > thead > tr > td.sorting:hover:after { background-color: rgba(113, 113, 113, 0.75); }

.table.table-custom > thead > tr > th.sortable:before, .table.table-custom > thead > tr > th.sorting:before, .table.table-custom > thead > tr > td.sortable:before, .table.table-custom > thead > tr > td.sorting:before { font-size: 11px; margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-asc:before, .table.table-custom > thead > tr > th.sorting.sort-asc:before, .table.table-custom > thead > tr > td.sortable.sort-asc:before, .table.table-custom > thead > tr > td.sorting.sort-asc:before { margin-top: 6px; }

.table.table-custom > thead > tr > th.sortable.sort-desc:before, .table.table-custom > thead > tr > th.sorting.sort-desc:before, .table.table-custom > thead > tr > td.sortable.sort-desc:before, .table.table-custom > thead > tr > td.sorting.sort-desc:before { margin-top: 10px; }

.table.table-custom > thead > tr > th.sortable.sort-numeric.sort-asc:before, .table.table-custom > thead > tr > th.sorting.sort-numeric.sort-asc:before, .table.table-custom > thead > tr > td.sortable.sort-numeric.sort-asc:before, .table.table-custom > thead > tr > td.sorting.sort-numeric.sort-asc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-numeric.sort-desc:before, .table.table-custom > thead > tr > th.sorting.sort-numeric.sort-desc:before, .table.table-custom > thead > tr > td.sortable.sort-numeric.sort-desc:before, .table.table-custom > thead > tr > td.sorting.sort-numeric.sort-desc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-alpha.sort-asc:before, .table.table-custom > thead > tr > th.sorting.sort-alpha.sort-asc:before, .table.table-custom > thead > tr > td.sortable.sort-alpha.sort-asc:before, .table.table-custom > thead > tr > td.sorting.sort-alpha.sort-asc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-alpha.sort-desc:before, .table.table-custom > thead > tr > th.sorting.sort-alpha.sort-desc:before, .table.table-custom > thead > tr > td.sortable.sort-alpha.sort-desc:before, .table.table-custom > thead > tr > td.sorting.sort-alpha.sort-desc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-amount.sort-asc:before, .table.table-custom > thead > tr > th.sorting.sort-amount.sort-asc:before, .table.table-custom > thead > tr > td.sortable.sort-amount.sort-asc:before, .table.table-custom > thead > tr > td.sorting.sort-amount.sort-asc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sortable.sort-amount.sort-desc:before, .table.table-custom > thead > tr > th.sorting.sort-amount.sort-desc:before, .table.table-custom > thead > tr > td.sortable.sort-amount.sort-desc:before, .table.table-custom > thead > tr > td.sorting.sort-amount.sort-desc:before { margin-top: 9px; }

.table.table-custom > thead > tr > th.sort-asc, .table.table-custom > thead > tr > th.sort-desc, .table.table-custom > thead > tr > th.sort-asc:hover, .table.table-custom > thead > tr > th.sort-desc:hover, .table.table-custom > thead > tr > th.sorting_asc, .table.table-custom > thead > tr > th.sorting_desc, .table.table-custom > thead > tr > th.sorting_asc:hover, .table.table-custom > thead > tr > th.sorting_desc:hover, .table.table-custom > thead > tr > td.sort-asc, .table.table-custom > thead > tr > td.sort-desc, .table.table-custom > thead > tr > td.sort-asc:hover, .table.table-custom > thead > tr > td.sort-desc:hover, .table.table-custom > thead > tr > td.sorting_asc, .table.table-custom > thead > tr > td.sorting_desc, .table.table-custom > thead > tr > td.sorting_asc:hover, .table.table-custom > thead > tr > td.sorting_desc:hover { color: #717171; background-color: transparent; }

.table.table-custom > thead > tr > th.sort-asc:after, .table.table-custom > thead > tr > th.sort-desc:after, .table.table-custom > thead > tr > th.sort-asc:hover:after, .table.table-custom > thead > tr > th.sort-desc:hover:after, .table.table-custom > thead > tr > th.sorting_asc:after, .table.table-custom > thead > tr > th.sorting_desc:after, .table.table-custom > thead > tr > th.sorting_asc:hover:after, .table.table-custom > thead > tr > th.sorting_desc:hover:after, .table.table-custom > thead > tr > td.sort-asc:after, .table.table-custom > thead > tr > td.sort-desc:after, .table.table-custom > thead > tr > td.sort-asc:hover:after, .table.table-custom > thead > tr > td.sort-desc:hover:after, .table.table-custom > thead > tr > td.sorting_asc:after, .table.table-custom > thead > tr > td.sorting_desc:after, .table.table-custom > thead > tr > td.sorting_asc:hover:after, .table.table-custom > thead > tr > td.sorting_desc:hover:after { background-color: #717171; }

.table.table-custom > tbody > tr > th, .table.table-custom > tbody > tr > td { font-size: 12px; padding-left: 0; line-height: 18px; -webkit-font-smoothing: antialiased; }

.table.table-custom > tbody > tr > th.priority, .table.table-custom > tbody > tr > td.priority { text-transform: uppercase; font-size: 10px; font-weight: 700; line-height: 20px; }

.table.table-custom > tbody > tr > th:last-child, .table.table-custom > tbody > tr > td:last-child { padding-right: 0; }

.table.table-custom > tbody > tr > th.progress-cell, .table.table-custom > tbody > tr > td.progress-cell { width: 230px; min-width: 130px; }

.table.table-custom > tbody > tr > th.progress-cell .progress-info .percent, .table.table-custom > tbody > tr > td.progress-cell .progress-info .percent { font-size: 11px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; }

.table.table-custom > tbody > tr > th.progress-cell .progress, .table.table-custom > tbody > tr > td.progress-cell .progress { margin: 0; margin-top: 7px; }

.table.table-custom > tbody > tr:first-child > th, .table.table-custom > tbody > tr:first-child > td { border-top: 0; }

.table-options select + .chosen-container.chosen-container-single .chosen-single { padding: 1px 11px !important; font-size: 11px; min-height: 25px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.table-options select + .chosen-container.chosen-container-single .chosen-single span { line-height: 24px; }

.table-options select + .chosen-container.chosen-container-single .chosen-single div { top: 1px; }

.table-options select + .chosen-container .chosen-results { font-size: 11px; padding: 0; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.table-options .input-group-btn .btn { font-size: 11px; min-height: 25px; padding: 0 10px; }

.table-options.btn-group-xs .btn { font-size: 11px; min-height: 25px; }

.table-options.paging-info { color: #717171; line-height: 26px; }

/*****************************************/
/************* CHECK TOGGLER *************/
/*****************************************/
.check-toggler:before { content: "\f00d"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #ff4a43; }

.check-toggler.checked:before { content: "\f00c"; color: #a2d200; }

.check-toggler:hover { text-decoration: none; }

/****************************************/
/************* COLORPALETTE *************/
/****************************************/
.bootstrap-colorpalette .btn-color { border: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

.bootstrap-colorpalette .btn-color:focus { outline: 0; }

.bootstrap-colorpalette .btn-color:hover { border: 0; -webkit-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

/****************************************/
/************* SOCIAL FEED **************/
/****************************************/
.social-feed { padding: 20px 0; }

.social-feed img { width: 80px; }

.social-feed .media-body .media-heading { margin-top: 20px; margin-bottom: 0; }

.social-feed .media-body small a { color: rgba(255, 255, 255, 0.5); }

.social-feed .media-body small a:hover { color: white; text-decoration: none; }

.social-feed > li { width: 32%; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 12px; }

.social-feed > li h4 { font-family: "Roboto", "Arial", sans-serif; font-weight: 300; color: white; margin: 0; }

/************************************/
/************* CAROUSEL *************/
/************************************/
.carousel-control { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.carousel-control .fa { position: absolute; top: 50%; z-index: 5; display: inline-block; }

.carousel-control .fa.left-side { left: 35%; }

.carousel-inner > .item { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.carousel-indicators { top: 10px; right: 20px; left: auto; bottom: auto; text-align: right; }

.carousel-caption { width: 100%; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); padding: 10px 20px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.carousel-caption h3 { margin-top: 10px; }

.carousel-caption p { font-size: 12px; }

/********************************/
/************* MAPS *************/
/********************************/
.jvectormap-zoomin, .jvectormap-zoomout { width: 15px; height: 15px; }

.streetview { height: 400px; }

.gmap .pagination { margin: 0; padding: 10px; width: 100%; text-align: center; }

.gmap .pagination .display { text-align: center; height: 40px; line-height: 40px; font-size: 20px; color: #717171; font-weight: 300; background-color: white; display: inline-block; width: 85%; }

.gmap .pagination .back-btn, .gmap .pagination .fwd-btn { cursor: pointer; width: 40px; height: 40px; background-color: white; display: inline-block; }

.gmap .pagination .back-btn:before, .gmap .pagination .fwd-btn:before { font-family: 'FontAwesome'; color: #999; font-size: 18px; line-height: 44px; padding: 0 11px; }

.gmap .pagination .back-btn { border-right: 1px solid #e2e2e2; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }

.gmap .pagination .back-btn:before { content: "\f053"; }

.gmap .pagination .fwd-btn { border-left: 1px solid #e2e2e2; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }

.gmap .pagination .fwd-btn:before { content: "\f054"; padding: 0 12px; }

.gmap .pagination .back-btn:hover:before, .gmap .pagination .fwd-btn:hover:before { color: #717171; }

.gmap .map-filter { background-color: white; margin: 10px; padding: 10px 20px 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999; }

/*************************************/
/************* ACCORDION *************/
/*************************************/
.panel-group .panel { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.panel-group .panel .panel-heading { position: relative; }

.panel-group .panel .panel-heading .panel-title { font-size: 14px; margin-left: 30px; }

.panel-group .panel .panel-heading + .panel-collapse .panel-body { border-top: 0; }

.panel-group .panel .panel-heading:before { content: "\f0da"; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; padding: 10px 15px; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.05); }

.panel-group .panel.active .panel-heading:before { content: "\f0d7"; padding: 10px 14px 10px 13px; }

.panel-group .panel .panel-body { font-size: 12px; color: #717171; line-height: 20px; }

/******************************************/
/************* SEARCH RESULTS *************/
/******************************************/
.search-bar { margin: 10px 0; }

.search-results { list-style: none; padding: 10px 0; margin: 0; }

.search-results > .search-result { padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.search-results > .search-result:last-child { border-bottom: 0; padding-bottom: 0; }

.search-results > .search-result .cover { padding: 20px; background-color: white; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.search-results > .search-result .cover h4 { padding: 0; margin: 0 0 10px 0; font-weight: 700; }

.search-results > .search-result .cover h4 a { color: #4b4b4b; }

.search-results > .search-result .cover h4 a:hover { text-decoration: none; color: #418bca; }

.search-results > .search-result .cover > p { font-size: 12px; color: #8b8b8b; }

.search-results > .search-result .cover > a { font-size: 11px; color: #418bca; }

.search-results > .search-result .cover > a:hover { color: #69a3d5; }

.search-results > .search-result:hover .cover { background-color: rgba(0, 0, 0, 0.05); }

.search-results > .search-result .media img { width: 130px; max-height: 85px; margin-right: 10px; }

.search-results > .search-result .media img.img-circle { width: 85px; }

.search-results > .search-result .media > a > i { width: 130px; background-color: rgba(0, 0, 0, 0.05); margin-right: 10px; line-height: 85px; text-align: center; color: #717171; font-size: 3.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.search-results > .search-result .media > a:hover i { color: #418bca; }

.search-results > .search-result .media .media-body small { font-size: 11px; color: #a4a4a4; }

.refine-results { margin: 15px 0; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #717171; }

.search-filters { text-align: center; }

.search-filters > a { padding: 5px 15px; border: 1px solid #717171; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 12px; margin: 0 2px; color: #717171; line-height: 36px; }

.search-filters > a:hover { border: 1px solid #418bca; color: #418bca; text-decoration: none; }

.search-filters > a.active { background-color: #418bca; border-color: transparent; color: white; }

/*************************************/
/************* FLIPCLOCK *************/
/*************************************/
.flip-clock-wrapper { margin: 30px 20px; }

.flip-clock-wrapper .flip, .flip-clock-wrapper .flip-clock-dot { -webkit-box-shadow: none; box-shadow: none; }

.flip-clock-divider .flip-clock-label { font-size: 14px; color: #717171; }

/************************************/
/************* PORTLETS *************/
/************************************/
.sortable.ui-sortable { min-height: 100px; padding-bottom: 100px; }

.sortable.ui-sortable .tile { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; }

.sortable.ui-sortable .tile .tile-header { cursor: pointer; -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; }

.sortable.ui-sortable .tile .tile-header:hover { background-color: rgba(0, 0, 0, 0.05) !important; }

.sortable.ui-sortable .tile.drag-active { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }

.sortable.ui-sortable .tile.drag-active.ui-sortable-helper { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.sortable.ui-sortable .tile-placeholder { border: 1px dotted rgba(0, 0, 0, 0.2); margin-bottom: 20px; height: 100px; }

/********************************/
/************* MISC *************/
/********************************/
#ascrail2000, #ascrail2000-hr { left: 0 !important; }

.blockUI.blockOverlay { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.jumbotron { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.bottommargin { margin-bottom: 10px; }

.big-medium { font-size: 36px; font-weight: 500; }

.medium-light { font-size: 22px; font-weight: 300; }

.medium-thin { font-size: 22px; font-weight: 100; }

.nomargin { margin: 0 !important; }

.w100p { width: 100% !important; }

.w35 { width: 35px !important; }

.w80 { width: 80px !important; }

.font-slab { font-family: "Roboto Slab", serif; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-top-15 { margin-top: 15px; }

.margin-15 { margin: 15px; }

.padding-top-0 { padding-top: 0 !important; }

.inline-block { display: inline-block; }

.checkbox.inline { display: inline-block; margin: 0; padding: 0; height: 0; min-height: 0; position: relative; left: 5px; top: -17px; }

.rounded-corners { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; }

.rounded-corners .jvectormap-container { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; }

.rounded-top-corners { -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; }

.rounded-top-corners .jvectormap-container { -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; }

.rounded-bottom-corners { -webkit-border-radius: 0 0 4px 4px !important; -moz-border-radius: 0 0 4px 4px !important; -ms-border-radius: 0 0 4px 4px !important; -o-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; }

.rounded-bottom-corners .jvectormap-container { -webkit-border-radius: 0 0 4px 4px !important; -moz-border-radius: 0 0 4px 4px !important; -ms-border-radius: 0 0 4px 4px !important; -o-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; }

.rounded-left-corners { -webkit-border-radius: 4px 0 0 4px !important; -moz-border-radius: 4px 0 0 4px !important; -ms-border-radius: 4px 0 0 4px !important; -o-border-radius: 4px 0 0 4px !important; border-radius: 4px 0 0 4px !important; }

.rounded-right-corners { -webkit-border-radius: 0 4px 4px 0 !important; -moz-border-radius: 0 4px 4px 0 !important; -ms-border-radius: 0 4px 4px 0 !important; -o-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; }

.rounded-top-left-corner { -webkit-border-radius: 4px 0 0 0 !important; -moz-border-radius: 4px 0 0 0 !important; -ms-border-radius: 4px 0 0 0 !important; -o-border-radius: 4px 0 0 0 !important; border-radius: 4px 0 0 0 !important; }

.rounded-top-right-corner { -webkit-border-radius: 0 4px 0 0 !important; -moz-border-radius: 0 4px 0 0 !important; -ms-border-radius: 0 4px 0 0 !important; -o-border-radius: 0 4px 0 0 !important; border-radius: 0 4px 0 0 !important; }

.rounded-bottom-left-corner { -webkit-border-radius: 0 0 0 4px !important; -moz-border-radius: 0 0 0 4px !important; -ms-border-radius: 0 0 0 4px !important; -o-border-radius: 0 0 0 4px !important; border-radius: 0 0 0 4px !important; }

.rounded-bottom-right-corner { -webkit-border-radius: 0 0 4px 0 !important; -moz-border-radius: 0 0 4px 0 !important; -ms-border-radius: 0 0 4px 0 !important; -o-border-radius: 0 0 4px 0 !important; border-radius: 0 0 4px 0 !important; }

.as-table { display: table; width: 100%; }

.as-table .tile { display: table-cell; float: none; vertical-align: top; }

.mobile-device .navbar:not(.collapsed) .navbar-header { width: 100%; }

.mobile-device .navbar:not(.collapsed) .navbar-collapse .nav.refresh { display: none; }

.mobile-device .navbar:not(.collapsed) .navbar-nav.side-nav { width: 100%; }

.mobile-device .navbar-nav.side-nav.collapsed { width: 40px; }

.mobile-device .navbar-nav.side-nav.collapsed.open { width: 100%; }
